介绍
本篇文章为大家展示了jquery如何实现异步文件上传ajaxfileupload.js,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
<强> ajaxfileupload。js异步上传文件:强>
直接引用。
.ajaxFileUpload美元({ url: & # 39; & # 39;//后台接口地址 类型:“post", secureuri:假的,//一般设置为假 fileElementId: & # 39; ofx # 39;//上传文件的id,名称属性名 数据类型:& # 39;json # 39; 成功:函数(数据、状态){ }, 错误:功能(数据、状态、e) { } });
下面是ajaxfileupload。js,可直接复制并引用。
jQuery.extend ({ createUploadIframe:函数(id、uri) {//创建框架 var frameId=& # 39; jUploadFrame& # 39;+身份证; var iframeHtml=& # 39; & lt; iframe id=? # 39;+ frameId + & # 39;“name=? # 39;+ frameId + & # 39;“& # 39;; 如果(window.ActiveXObject) { 如果(typeof uri==& # 39;布尔# 39;){ iframeHtml +=& # 39;src=? # 39;+ & # 39;javascript:假# 39;+ & # 39;“& # 39; } else if (typeof uri==& # 39;字符串# 39;){ iframeHtml +=& # 39;src=? # 39;+ uri + & # 39;“& # 39; } } iframeHtml +=& # 39;/祝辞;& # 39;; jQuery (iframeHtml) .appendTo (document.body); 返回jQuery (& # 39; # & # 39;+ frameId) . get (0); }, createUploadForm:函数(id、fileElementId数据、fileElement) {//创建表格 var formId=& # 39; jUploadForm& # 39;+身份证; var文件标识=& # 39;jUploadFile& # 39;+身份证; var形式=jQuery (& # 39; & lt;形式行动=?“方法=癙OST"name=? # 39;+ formId + & # 39;“id=? # 39;+ formId + & # 39;“enctype=岸嗖糠?form-data"祝辞& lt;/form> & # 39;); 如果(数据) { 为我在数据(var) { jQuery (& # 39; & lt;输入类型=癶idden"name=? # 39;+我+ & # 39;“值=? # 39;[我]+数据+ & # 39;“/祝辞& # 39;).appendTo(形式); } } 如果(typeof (fileElementId)==& # 39;字符串# 39;){ fileElementId=[fileElementId]; } 我在fileElementId (var) { var oldElement=jQuery (& # 39; # & # 39;+ fileElementId[我]); var newElement=jQuery (oldElement) .clone (); jQuery (oldElement) .attr (& # 39; id # 39;,文件标识); jQuery (oldElement) .before (newElement); jQuery (oldElement) .appendTo(形式); }//设置属性 jQuery(形式). css(& # 39;位置# 39;,& # 39;绝对# 39;); jQuery(形式). css(& # 39;顶部# 39;,& # 39;-1200 px # 39;); jQuery(形式). css(& # 39;左# 39;,& # 39;-1200 px # 39;); jQuery(形式).appendTo(& # 39;身体# 39;); 返回形式; }, ajaxFileUpload:函数(s) {//TODO引入全局设置,允许客户端为所有请求修改它们,不是>上述内容就是jquery如何实现异步文件上传ajaxfileupload.js,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。jquery如何实现异步文件上传ajaxfileupload.js