jquery如何实现异步文件上传ajaxfileupload.js

  介绍

本篇文章为大家展示了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