AjaxFileUpload implementiert den asynchronen Datei-Upload (AjaxFileUpload.js-Datei-Download und Parametereinführung).
- 高洛峰Original
- 2016-12-12 17:38:151324Durchsuche
AjaxFileUpload ermöglicht ein besseres asynchrones Hochladen von Dateien und ist einfach zu verwenden:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="http://www.phpddt.com/usr/themes/dddefault/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="ajaxfileupload.js"></script>
</head>
<script>
jQuery(function(){
$("#buttonUpload").click(function(){
//加载图标
/* $("#loading").ajaxStart(function(){
$(this).show();
}).ajaxComplete(function(){
$(this).hide();
});*/
//上传文件
$.ajaxFileUpload({
url:'upload.php',//处理图片脚本
secureuri :false,
fileElementId :'fileToUpload',//file控件id
dataType : 'json',
success : function (data, status){
if(typeof(data.error) != 'undefined'){
if(data.error != ''){
alert(data.error);
}else{
alert(data.msg);
}
}
},
error: function(data, status, e){
alert(e);
}
})
return false;
})
})
</script>
<body>
<input id="fileToUpload" type="file" size="20" name="fileToUpload" class="input">
<button id="buttonUpload">上传</button>
</body>
</html>Upload kann auch Parameter übergeben:
var data = { name: 'my name', description: 'short description' }
$.ajaxFileUpload({
url: 'upload.php',
secureuri: false,
data: data,
fileElementId: 'fileToUpload',
dataType: 'json',
success: function (data) {
alert(data.msg);
},
error: function (data) {
alert("error");
}
});Hauptparameterbeschreibung:
1, URL-Darstellung Verarbeiten Sie den Dateipfad des Datei-Upload-Vorgangs. Sie können wie oben testen, ob auf die URL direkt im Browser zugegriffen werden kann: upload.php
2, fileElementId stellt die Dateidomänen-ID dar, wie oben: fileToUpload
3 , ob Secureuri die sichere Übermittlung aktiviert, Der Standardwert ist false
4, Datentypdaten, wählen Sie im Allgemeinen JSON, die ursprüngliche Ökologie von Javascript
5, Erfolgsverarbeitungsfunktion nach der Übermittlung
6, Fehlerverarbeitungsfunktion für Übermittlungsfehler
Sie müssen die entsprechende Fehlermeldung kennen
1, SyntaxError: fehlt vor Anweisungsfehler
Wenn dieser Fehler auftritt, müssen Sie prüfen, ob auf den URL-Pfad zugegriffen werden kann
2, SyntaxError: Syntaxfehler
Wenn dieser Fehler auftritt, müssen Sie prüfen, ob ein Syntaxfehler in der PHP-Datei vorliegt, die den Übermittlungsvorgang verarbeitet
3, SyntaxError: Fehler aufgrund einer ungültigen Eigenschafts-ID
Wenn dieser Fehler auftritt, müssen Sie überprüfen, ob die Eigenschafts-ID vorhanden ist
4. SyntaxError: fehlt } im XML-Ausdrucksfehler
Wenn dieser Fehler auftritt, müssen Sie überprüfen, ob der Dateidomänenname vorhanden ist ist konsistent oder existiert nicht
5. Andere benutzerdefinierte Fehler
Sie können die Variable $error direkt verwenden. Die Druckmethode prüft, ob jeder Parameter korrekt ist, was viel praktischer ist als die obigen Aufforderungen zu ungültigen Fehlern.