jQuery.AjaxFileUpload.js是一款jQuery插件,用于通过ajax上传文件。
语法:
$.ajaxFileUpload([options])
options参数说明:
1、url 上传处理程序地址。
2,fileElementId 需要上传的文件域的ID,即<input type=\"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\" >
它不需要 你的 服务器 响应 时指定 任何 特定 方式
可以对大批量文件进行操作
示例代码:
-- Use as little as -- $(\'#one-specific-file\').ajaxfileupload({ \'action\': \'/upload.php\' }); -- or as much as -- $(\'input[type=\"file\"]\').ajaxfileupload({ \'action\': \'/upload.php\', \'params\': { \'extra\': \'info\' }, \'onComplete\': function(response) { console.log(\'custom handler for file:\'); alert(JSON.stringify(response)); }, \'onStart\': function() { if(weWantedTo) return false; // cancels upload }, \'onCancel\': function() { console.log(\'no file selected\'); } });
关于AjaxFileUpload实现单个文件的 Ajax 文件上传库就给大家介绍到这里,希望对大家有所帮助!
本文地址:https://www.stayed.cn/item/3190
转载请注明出处。
本站部分内容来源于网络,如侵犯到您的权益,请 联系我