0
Ich versuche, den Ansatz von here zu verwenden, um AJAX-Datei-Upload durchzuführen, aber kein Glück, um es zu erledigen. Ich habe ein paar Warnungen zu debuggen und konnte den zweiten Haltepunkt auf dem folgenden Code nicht erreichen:Eine Datei auf Server mit AJAX hochladen
$.validate({
form: '#frmSlide',
modules: 'file, html5',
validateOnBlur: false,
errorMessagePosition: 'top', // Instead of 'element' which is default
scrollToTopOnError: false, // Set this property to true if you have a long form
onSuccess: function($form) {
alert('1');
var file_data = $('#frmSlide').prop('files')[0];
alert('2');
var form_data = new FormData();
alert('3');
form_data.append('file', file_data);
$.ajax({
url: 'upload.php', // point to server-side PHP script
dataType: 'text', // what to expect back from the PHP script, if anything
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'post',
success: function(php_script_response) {
alert(php_script_response); // display response from the PHP script, if any
}
});
}
});
<form action="<?php echo $_SERVER['PHP_SELF'];?>" method="post" enctype="multipart/form-data" class="form-horizontal" id="frmSlide">
<div class="form-group">
<label class="col-sm-4 control-label" for="imgfile">Image file</label>
<div class="col-sm-8">
<input type="file" id="imgfile" data-validation="required ratio mime size" data-validation-allowing="jpg, png, gif" />
</div>
</div>
<div class="form-group">
<div class="col-sm-8 col-md-offset-4" id="image-holder">
</div>
</div>
<div class="form-group">
<label class="col-sm-4 control-label" for="seq">Sequence</label>
<div class="col-sm-8">
<input class="form-control server" name="f_seq" id="f_seq" data-validation="number" data-validation-allowing="range[1;4]" type="text" value="" placeholder="Enter 1-4" />
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-4 col-sm-8">
<button name="btnUpd" id="btnUpd" type="submit" class="clsUpd btn btn-primary"><i class="fa fa-floppy-o"></i> Update</button>
</div>
</div>
</form>
Kann mir jemand darauf hinweisen, was ich falsch gemacht habe? Vielen Dank.
Danke, aber immer noch 2. Alarm nicht zeigen. –
@JimW nach Änderung an meinem Code .. 1. Alarm immer noch angezeigt, aber zweite nicht? –
Entschuldigung, dein Ratschlag funktioniert. Ich habe einen Tippfehler gefunden. Kannst du erklären, warum ich anstatt auf das Formular zu zeigen, wie das Beispiel, ich muss das Eingabe-Tag verwenden? –