深入浅析AjaxFileUpload实现单个文件的 Ajax 文件上传库
jQuery.AjaxFileUpload.js是一款jQuery插件,用于通过ajax上传文件。
语法:
$.ajaxFileUpload([options])
options参数说明:
1、url上传处理程序地址。
2,fileElementId需要上传的文件域的ID,即<inputtype="file">的ID。
3,secureuri是否启用安全提交,默认为false。
4,dataType服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。
5,success提交成功后自动执行的处理函数,参数data就是服务器返回的数据。
6,error提交失败自动执行的处理函数。
7,data自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。
8,type当要提交自定义参数时,这个参数要设置成post
功能特点:
它不依赖于特定的HTML,只要给它一个“<INPUTTYPE="file">
它不需要你的服务器响应时指定任何特定方式
可以对大批量文件进行操作
示例代码:
--Useaslittleas--
$('#one-specific-file').ajaxfileupload({
'action':'/upload.php'
});
--orasmuchas--
$('input[type="file"]').ajaxfileupload({
'action':'/upload.php',
'params':{
'extra':'info'
},
'onComplete':function(response){
console.log('customhandlerforfile:');
alert(JSON.stringify(response));
},
'onStart':function(){
if(weWantedTo)returnfalse;//cancelsupload
},
'onCancel':function(){
console.log('nofileselected');
}
});
关于AjaxFileUpload实现单个文件的Ajax文件上传库就给大家介绍到这里,希望对大家有所帮助!