深入浅析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文件上传库就给大家介绍到这里,希望对大家有所帮助!