脚本宝典收集整理的这篇文章主要介绍了jQ基础篇--jQuery插件ajaxfileupload.js源码与使用，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，但是在使用ajaxfileupload.js时候，当服务器返回的json带有&符号的时候，返回的data数据里面所有的&被转义成了&。下面的ajaxfileupload.js是经过修改的文件上传库。 @H_126_13@ PE="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="jQuery.extend({ /** createUploadIframe 创建上传的iframe * @param id 传递当前系统的时间字符串 * @param uri 传入的json对象的一个参数 * */ createUploadIframe: function (id, uri) { //iframe添加一个id VAR frameid = 'jUploaDFrame' + id; //创建iframe元素 var iframeHtML = 'jq</a>uery(iframeHtml).appendTo(document.body); //返回iframe对象 return jQuery('<a href="http://www.js-code.com/tag/" target="_blank" class="keywords">#</a>' + frameId).get(0); }, /** createUploadForm 创建form * @param id 当前系统时间字符串 * @param fileElementId 为页面input type='file'的id * @param data 向服务器传递的值 如 data:{key1:value1,key2:value2} * */ createUploadForm: function (id, fileElementId, data) { //给form添加id var formId = 'jUploadForm' + id; //给type为file的上传按钮添加id var fileId = 'jUploadFile' + id; //创建form元素 var form = jQuery('<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data" ></form>'); if (data) { for (var i in data) { //根据data提交的数据，创建隐藏域 jQuery('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form); } } //得到页面中的<input type='file' />对象 var oldElement = jQuery('#' + fileElementId); //克隆页面中的<input type='file' />对象 var newElement = jQuery(oldElement).clone(true); //修改原对象的id jQuery(oldElement).attr('id', fileId); //在原对象前插入克隆对象 jQuery(oldElement).before(newElement); //把原对象插入到动态form的结尾处 jQuery(oldElement).appendTo(form); //给动态form添加样式 jQuery(form).css('pos<a href="http://www.js-code.com/tag/IT/" target="_blank" class="keywords">IT</a>ion', 'absolute'); jQuery(form).css('top', '-1200px'); jQuery(form).css('left', '-1200px'); jQuery(form).appendTo('body'); return form; }, /** ajaxFileUpload ajax上传请求 * @param s 传入一些ajax的参数 * */ ajaxFileUpload: function (s) { s = jQuery.extend({}, jQuery.ajaxSettings, s); var id = new Date().getTime(); //创建动态form var form = jQuery.createUploadForm(id, s.fileElementId, (typeof (s.data) <a href="http://www.js-code.com/tag/" target="_blank" class="keywords">==</a> 'un<a href="http://www.js-code.com/tag/define/" target="_blank" class="keywords">define</a>d' ? false : s.data)); //创建动态iframe s.secureuri <a href="http://www.js-code.com/tag/shifou/" target="_blank" class="keywords">是否</a>需要安全协议，一般置为false var io = jQuery.createUploadIframe(id, s.secureuri); //动态iframe的id var frameId = 'jUploadFrame' + id; //动态form的id var formId = 'jUploadForm' + id; //当jQuery<a href="http://www.js-code.com/tag/kaishi/" target="_blank" class="keywords">开始</a>一个ajax请求时发生，global表示是否触发全局ajax事件，默认是true； if (s.global <a href="http://www.js-code.com/tag/ampamp/" target="_blank" class="keywords">&&</a> !jQuery.active++) { //触发ajaxStart方法 jQuery.event.trigger("ajaxStart"); } //请求完成标志 var requestDone = false; // 创建请求对象 var <a href="http://www.js-code.com/tag/XM/" target="_blank" class="keywords">XM</a>l = {}; if (s.global){ //触发ajaxSend方法 jQuery.event.trigger("ajaxSend", [xml, s]); } //回调函数 var uploadCallback = function (isTimeout) { //得到iframe对象 var io = document.getElementById(frameId); try { //动态iframe所在窗口对象是否存在 if (io.contentWindow) { if(s.dataType=='text'){ xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.textContent : null; }else{ xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML : null; } xml.responseXML = io.contentWindow.document.<a href="http://www.js-code.com/tag/XmlDocument/" target="_blank" class="keywords">XmlDocument</a> ? io.contentWindow.document.XMLDocument : io.contentWindow.document; } //动态iframe的文档对象是否存在 else if (io.contentDocument) { if(s.dataType=='text'){ xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.textContent : null; }else{ xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML : null; } xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML : null; xml.responseXML = io.contentDocument.document.XMLDocument ? io.contentDocument.document.XMLDocument : io.contentDocument.document; } } catch (e) { jQuery.handleError(s, xml, null, e); } //xml变量被赋值或者isTimeout == "timeout"都表示请求发出，并且有响应 if (xml || isTimeout == "timeout") { //请求完成 requestDone = true; var <a href="http://www.js-code.com/tag/stat/" target="_blank" class="keywords">stat</a>us; try { //如果不是“超时”，表示请求成功 status = isTimeout != "timeout" ? "success" : "error"; // Make sure t<a href="http://www.js-code.com/tag/hat/" target="_blank" class="keywords">hat</a> the request was successful or notmodified if (status != "error") { // <a href="http://www.js-code.com/tag/PR/" target="_blank" class="keywords">PR</a>ocess the data (runs the xml t<a href="http://www.js-code.com/tag/hr/" target="_blank" class="keywords">hr</a>ough httpData regardless of callback) var data = jQuery.uploadHttpData(xml, s.dataType); // If a local callback was specified, fire it and pass it the data if (s.success){ //执行上传成功的操作 s.success(data, status); } // Fire the global callback if (s.global){ jQuery.event.trigger("ajaxSuccess", [xml, s]); } } else{ jQuery.handleError(s, xml, status); } } catch (e) { status = "error"; jQuery.handleError(s, xml, status, e); } if (s.global){ // The request was <a href="http://www.js-code.com/tag/complete/" target="_blank" class="keywords">complete</a>d jQuery.event.trigger("ajaxComplete", [xml, s]); } if (s.global && ! --jQuery.active){ jQuery.event.trigger("ajaxStop"); } if (s<a href="http://www.js-code.com/tag/COM/" target="_blank" class="keywords">.COM</a>plete){ s.complete(xml, status); } //移除iframe的<a href="http://www.js-code.com/tag/shijianchuli/" target="_blank" class="keywords">事件处理</a>程序 jQuery(io).unbind(); setTimeout(function () {//设置超时时间 try { //移除动态iframe与动态form jQuery(io).remove(); jQuery(form).remove(); }catch (e) { jQuery.handleError(s, xml, null, e); } }, 100) xml = null } } //超时检测 if (s.timeout > 0) { setTimeout(function () { //如果请求仍未完成，就发送超时信号 if (!requestDone) uploadCallback("timeout"); }, s.timeout); } try { var form = jQuery('#' + formId); jQuery(form).attr('action', s.url);//传入的ajax页面导向url jQuery(form).attr('method', 'POST');//设置提交表单方式 jQuery(form).attr('t<a href="http://www.js-code.com/tag/arg/" target="_blank" class="keywords">arg</a>et', frameId);//返回的目标iframe，就是创建的动态iframe if (form.encoding) { //选择编码方式 jQuery(form).attr('encoding', 'multipart/form-data'); }else { jQuery(form).attr('enctype', 'multipart/form-data'); } jQuery(form).s<a href="http://www.js-code.com/tag/ub/" target="_blank" class="keywords">ub</a>mit();//提交form表单 }catch (e) { jQuery.handleError(s, xml, null, e); } jQuery('#' + frameId).load(uploadCallback); //ajax 请求从服务器<a href="http://www.js-code.com/tag/jiazaishuju/" target="_blank" class="keywords">加载数据</a>，同时传入回调函数 return { abort: function () { } }; }, uploadHttpData: function (r, type) { var data = !type; // If the type is "script", eval it in global context data = type == "xml" || data ? r.responseXML : r.responseText; if (type == "script"){ jQuery.globalEval(data); } // Get the JavaScript object, if <a href="http://www.js-code.com/tag/JSON/" target="_blank" class="keywords">JSON </a>is used. if (type == "json"){ eval("data = " + data); } if (type == "html"){ jQuery("<div>").html(data).evalScripts(); } return data; }, handleError: function( s, xhr, status, e ){ // If a local callback was specified, fire it if ( s.error ) { s.error.call( s.context || s, xhr, status, e ); } // Fire the global callback if ( s.global ) { (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] ); } } }) " title="" data-ori<a href="http://www.js-code.com/tag/gin/" target="_blank" class="keywords">gin</a>al-title="复制"></span> </div> </div><pre class="hljs php"><code>jQuery.extend({ <span class="hljs-comment">/** createUploadIframe 创建上传的iframe * <span class="hljs-doctag">@param</span> id 传递当前系统的时间字符串 * <span class="hljs-doctag">@param</span> uri 传入的json对象的一个参数 * */</span> createUploadIframe: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(id, uri)</span> </span>{ <span class="hljs-comment">//iframe添加一个id</span> <span class="hljs-keyword">var</span> frameId = <span class="hljs-string">'jUploadFrame'</span> + id; <span class="hljs-comment">//创建iframe元素</span> <span class="hljs-keyword">var</span> iframeHtml = <span class="hljs-string">'<iframe id="'</span> + frameId + <span class="hljs-string">'" name="'</span> + frameId + <span class="hljs-string">'" style="position:absolute; top:-9999px; left:-9999px"'</span>; <span class="hljs-keyword">if</span> (window.ActiveXObject) {<span class="hljs-comment">//判断浏览器是否支持ActiveX控件</span> <span class="hljs-keyword">if</span> (typeof uri == <span class="hljs-string">'boolean'</span>) { <span class="hljs-comment">//阻止提交数据</span> iframeHtml += <span class="hljs-string">' src="'</span> + <span class="hljs-string">'javascript:false'</span> + <span class="hljs-string">'"'</span>; } <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (typeof uri == <span class="hljs-string">'string'</span>) { iframeHtml += <span class="hljs-string">' src="'</span> + uri + <span class="hljs-string">'"'</span>; } } iframeHtml += <span class="hljs-string">' />'</span>; <span class="hljs-comment">//将动态iframe追加到body中</span> jQuery(iframeHtml).appendTo(document.body); <span class="hljs-comment">//返回iframe对象</span> <span class="hljs-keyword">return</span> jQuery(<span class="hljs-string">'#'</span> + frameId).get(<span class="hljs-number">0</span>); }, <span class="hljs-comment">/** createUploadForm 创建form * <span class="hljs-doctag">@param</span> id 当前系统时间字符串 * <span class="hljs-doctag">@param</span> fileElementId 为页面input type='file'的id * <span class="hljs-doctag">@param</span> data 向服务器传递的值 如 data:{key1:value1,key2:value2} * */</span> createUploadForm: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(id, fileElementId, data)</span> </span>{ <span class="hljs-comment">//给form添加id</span> <span class="hljs-keyword">var</span> formId = <span class="hljs-string">'jUploadForm'</span> + id; <span class="hljs-comment">//给type为file的上传按钮添加id</span> <span class="hljs-keyword">var</span> fileId = <span class="hljs-string">'jUploadFile'</span> + id; <span class="hljs-comment">//创建form元素</span> <span class="hljs-keyword">var</span> form = jQuery(<span class="hljs-string">'<form action="" method="POST" name="'</span> + formId + <span class="hljs-string">'" id="'</span> + formId + <span class="hljs-string">'" enctype="multipart/form-data" ></form>'</span>); <span class="hljs-keyword">if</span> (data) { <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i in data) { <span class="hljs-comment">//根据data提交的数据，创建隐藏域</span> jQuery(<span class="hljs-string">'<input type="hidden" name="'</span> + i + <span class="hljs-string">'" value="'</span> + data[i] + <span class="hljs-string">'" />'</span>).appendTo(form); } } <span class="hljs-comment">//得到页面中的<input type='file' />对象</span> <span class="hljs-keyword">var</span> oldElement = jQuery(<span class="hljs-string">'#'</span> + fileElementId); <span class="hljs-comment">//克隆页面中的<input type='file' />对象</span> <span class="hljs-keyword">var</span> newElement = jQuery(oldElement).<span class="hljs-keyword">clone</span>(<span class="hljs-keyword">true</span>); <span class="hljs-comment">//修改原对象的id</span> jQuery(oldElement).attr(<span class="hljs-string">'id'</span>, fileId); <span class="hljs-comment">//在原对象前插入克隆对象</span> jQuery(oldElement).before(newElement); <span class="hljs-comment">//把原对象插入到动态form的结尾处</span> jQuery(oldElement).appendTo(form); <span class="hljs-comment">//给动态form添加样式</span> jQuery(form).css(<span class="hljs-string">'position'</span>, <span class="hljs-string">'absolute'</span>); jQuery(form).css(<span class="hljs-string">'top'</span>, <span class="hljs-string">'-1200px'</span>); jQuery(form).css(<span class="hljs-string">'left'</span>, <span class="hljs-string">'-1200px'</span>); jQuery(form).appendTo(<span class="hljs-string">'body'</span>); <span class="hljs-keyword">return</span> form; }, <span class="hljs-comment">/** ajaxFileUpload ajax上传请求 * <span class="hljs-doctag">@param</span> s 传入一些ajax的参数 * */</span> ajaxFileUpload: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(s)</span> </span>{ s = jQuery.extend({}, jQuery.ajaxSettings, s); <span class="hljs-keyword">var</span> id = <span class="hljs-keyword">new</span> Date().getTime(); <span class="hljs-comment">//创建动态form</span> <span class="hljs-keyword">var</span> form = jQuery.createUploadForm(id, s.fileElementId, (typeof (s.data) == <span class="hljs-string">'undefined'</span> ? <span class="hljs-keyword">false</span> : s.data)); <span class="hljs-comment">//创建动态iframe s.secureuri 是否需要安全协议，一般置为false</span> <span class="hljs-keyword">var</span> io = jQuery.createUploadIframe(id, s.secureuri); <span class="hljs-comment">//动态iframe的id</span> <span class="hljs-keyword">var</span> frameId = <span class="hljs-string">'jUploadFrame'</span> + id; <span class="hljs-comment">//动态form的id</span> <span class="hljs-keyword">var</span> formId = <span class="hljs-string">'jUploadForm'</span> + id; <span class="hljs-comment">//当jQuery开始一个ajax请求时发生，global表示是否触发全局ajax事件，默认是true；</span> <span class="hljs-keyword">if</span> (s.<span class="hljs-keyword">global</span> && !jQuery.active++) { <span class="hljs-comment">//触发ajaxStart方法</span> jQuery.event.trigger(<span class="hljs-string">"ajaxStart"</span>); } <span class="hljs-comment">//请求完成标志</span> <span class="hljs-keyword">var</span> requestDone = <span class="hljs-keyword">false</span>; <span class="hljs-comment">// 创建请求对象</span> <span class="hljs-keyword">var</span> xml = {}; <span class="hljs-keyword">if</span> (s.<span class="hljs-keyword">global</span>){ <span class="hljs-comment">//触发ajaxSend方法</span> jQuery.event.trigger(<span class="hljs-string">"ajaxSend"</span>, [xml, s]); } <span class="hljs-comment">//回调函数</span> <span class="hljs-keyword">var</span> uploadCallback = <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(isTimeout)</span> </span>{ <span class="hljs-comment">//得到iframe对象</span> <span class="hljs-keyword">var</span> io = document.getElementById(frameId); <span class="hljs-keyword">try</span> { <span class="hljs-comment">//动态iframe所在窗口对象是否存在</span> <span class="hljs-keyword">if</span> (io.contentWindow) { <span class="hljs-keyword">if</span>(s.dataType==<span class="hljs-string">'text'</span>){ xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.textContent : <span class="hljs-keyword">null</span>; }<span class="hljs-keyword">else</span>{ xml.responseText = io.contentWindow.document.body ? io.contentWindow.document.body.innerHTML : <span class="hljs-keyword">null</span>; } xml.responseXML = io.contentWindow.document.XMLDocument ? io.contentWindow.document.XMLDocument : io.contentWindow.document; } <span class="hljs-comment">//动态iframe的文档对象是否存在</span> <span class="hljs-keyword">else</span> <span class="hljs-keyword">if</span> (io.contentDocument) { <span class="hljs-keyword">if</span>(s.dataType==<span class="hljs-string">'text'</span>){ xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.textContent : <span class="hljs-keyword">null</span>; }<span class="hljs-keyword">else</span>{ xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML : <span class="hljs-keyword">null</span>; } xml.responseText = io.contentDocument.document.body ? io.contentDocument.document.body.innerHTML : <span class="hljs-keyword">null</span>; xml.responseXML = io.contentDocument.document.XMLDocument ? io.contentDocument.document.XMLDocument : io.contentDocument.document; } } <span class="hljs-keyword">catch</span> (e) { jQuery.handleError(s, xml, <span class="hljs-keyword">null</span>, e); } <span class="hljs-comment">//xml变量被赋值或者isTimeout == "timeout"都表示请求发出，并且有响应</span> <span class="hljs-keyword">if</span> (xml || isTimeout == <span class="hljs-string">"timeout"</span>) { <span class="hljs-comment">//请求完成</span> requestDone = <span class="hljs-keyword">true</span>; <span class="hljs-keyword">var</span> status; <span class="hljs-keyword">try</span> { <span class="hljs-comment">//如果不是“超时”，表示请求成功</span> status = isTimeout != <span class="hljs-string">"timeout"</span> ? <span class="hljs-string">"success"</span> : <span class="hljs-string">"error"</span>; <span class="hljs-comment">// Make sure that the request was successful or notmodified</span> <span class="hljs-keyword">if</span> (status != <span class="hljs-string">"error"</span>) { <span class="hljs-comment">// process the data (runs the xml through httpData regardless of callback)</span> <span class="hljs-keyword">var</span> data = jQuery.uploadHttpData(xml, s.dataType); <span class="hljs-comment">// If a local callback was specified, fire it and pass it the data</span> <span class="hljs-keyword">if</span> (s.success){ <span class="hljs-comment">//执行上传成功的操作</span> s.success(data, status); } <span class="hljs-comment">// Fire the global callback</span> <span class="hljs-keyword">if</span> (s.<span class="hljs-keyword">global</span>){ jQuery.event.trigger(<span class="hljs-string">"ajaxSuccess"</span>, [xml, s]); } } <span class="hljs-keyword">else</span>{ jQuery.handleError(s, xml, status); } } <span class="hljs-keyword">catch</span> (e) { status = <span class="hljs-string">"error"</span>; jQuery.handleError(s, xml, status, e); } <span class="hljs-keyword">if</span> (s.<span class="hljs-keyword">global</span>){ <span class="hljs-comment">// The request was completed</span> jQuery.event.trigger(<span class="hljs-string">"ajaxComplete"</span>, [xml, s]); } <span class="hljs-keyword">if</span> (s.<span class="hljs-keyword">global</span> && ! --jQuery.active){ jQuery.event.trigger(<span class="hljs-string">"ajaxStop"</span>); } <span class="hljs-keyword">if</span> (s.complete){ s.complete(xml, status); } <span class="hljs-comment">//移除iframe的事件处理程序</span> jQuery(io).unbind(); setTimeout(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{<span class="hljs-comment">//设置超时时间</span> <span class="hljs-keyword">try</span> { <span class="hljs-comment">//移除动态iframe与动态form</span> jQuery(io).remove(); jQuery(form).remove(); }<span class="hljs-keyword">catch</span> (e) { jQuery.handleError(s, xml, <span class="hljs-keyword">null</span>, e); } }, <span class="hljs-number">100</span>) xml = <span class="hljs-keyword">null</span> } } <span class="hljs-comment">//超时检测</span> <span class="hljs-keyword">if</span> (s.timeout > <span class="hljs-number">0</span>) { setTimeout(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{ <span class="hljs-comment">//如果请求仍未完成，就发送超时信号</span> <span class="hljs-keyword">if</span> (!requestDone) uploadCallback(<span class="hljs-string">"timeout"</span>); }, s.timeout); } <span class="hljs-keyword">try</span> { <span class="hljs-keyword">var</span> form = jQuery(<span class="hljs-string">'#'</span> + formId); jQuery(form).attr(<span class="hljs-string">'action'</span>, s.url);<span class="hljs-comment">//传入的ajax页面导向url</span> jQuery(form).attr(<span class="hljs-string">'method'</span>, <span class="hljs-string">'POST'</span>);<span class="hljs-comment">//设置提交表单方式</span> jQuery(form).attr(<span class="hljs-string">'target'</span>, frameId);<span class="hljs-comment">//返回的目标iframe，就是创建的动态iframe</span> <span class="hljs-keyword">if</span> (form.encoding) { <span class="hljs-comment">//选择编码方式</span> jQuery(form).attr(<span class="hljs-string">'encoding'</span>, <span class="hljs-string">'multipart/form-data'</span>); }<span class="hljs-keyword">else</span> { jQuery(form).attr(<span class="hljs-string">'enctype'</span>, <span class="hljs-string">'multipart/form-data'</span>); } jQuery(form).submit();<span class="hljs-comment">//提交form表单</span> }<span class="hljs-keyword">catch</span> (e) { jQuery.handleError(s, xml, <span class="hljs-keyword">null</span>, e); } jQuery(<span class="hljs-string">'#'</span> + frameId).load(uploadCallback); <span class="hljs-comment">//ajax 请求从服务器加载数据，同时传入回调函数</span> <span class="hljs-keyword">return</span> { abort: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> </span>{ } }; }, uploadHttpData: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(r, type)</span> </span>{ <span class="hljs-keyword">var</span> data = !type; <span class="hljs-comment">// If the type is "script", eval it in global context</span> data = type == <span class="hljs-string">"xml"</span> || data ? r.responseXML : r.responseText; <span class="hljs-keyword">if</span> (type == <span class="hljs-string">"script"</span>){ jQuery.globalEval(data); } <span class="hljs-comment">// Get the JavaScript object, if JSON is used.</span> <span class="hljs-keyword">if</span> (type == <span class="hljs-string">"json"</span>){ <span class="hljs-keyword">eval</span>(<span class="hljs-string">"data = "</span> + data); } <span class="hljs-keyword">if</span> (type == <span class="hljs-string">"html"</span>){ jQuery(<span class="hljs-string">"<div>"</span>).html(data).evalScripts(); } <span class="hljs-keyword">return</span> data; }, handleError: <span class="hljs-function"><span class="hljs-keyword">function</span><span class="hljs-params">( s, xhr, status, e )</span></span>{ <span class="hljs-comment">// If a local callback was specified, fire it</span> <span class="hljs-keyword">if</span> ( s.error ) { s.error.call( s.context || s, xhr, status, e ); } <span class="hljs-comment">// Fire the global callback</span> <span class="hljs-keyword">if</span> ( s.<span class="hljs-keyword">global</span> ) { (s.context ? jQuery(s.context) : jQuery.event).trigger( <span class="hljs-string">"ajaxError"</span>, [xhr, s, e] ); } } }) </code></pre> <p>下面是调用方式：</p> <div class="widget-codetool" style="display:none;"> <div class="widget-codetool--inner"> <span class="selectCode code-tool" data-toggle="tooltip" data-placement="top" title="" data-original-title="全选"></span> <span type="button" class="copyCode code-tool" data-toggle="tooltip" data-placement="top" data-clipboard-text="$.ajaxFileUpload({ url: 'ps.php', //一般设置为false secureuri: false, data:{ email:email }, //文件上传控件的id属性 fileElementId: $("input#xxx").attr("id"), //返回值类型 一般设置为json,但是如果返回的数据有&等特殊符号，这儿改成text dataType: 'text', success: function (data, status) { //如果dataType为text，那么这儿需要把返回的字符串转成对象 data = JSON.parse(data); }, error: function (data, status, e){ console.log(e); } }) " title="" data-original-title="复制"></span> </div> </div><pre class="hljs javascript"><code>$.ajaxFileUpload({ <span class="hljs-attr">url</span>: <span class="hljs-string">'ps.php'</span>, <span class="hljs-comment">//一般设置为false</span> secureuri: <span class="hljs-literal">false</span>, <span class="hljs-attr">data</span>:{ <span class="hljs-attr">em<a href="http://www.js-code.com/tag/ai/" target="_blank" class="keywords">ai</a>l</span>:email }, <span class="hljs-comment">//文件上传控件的id属性</span> fileElementId: $(<span class="hljs-string">"input#xxx"</span>).attr(<span class="hljs-string">"id"</span>), <span class="hljs-comment">//返回值类型 一般设置为json,但是如果返回的数据有&等特殊符号，这儿改成text</span> dataType: <span class="hljs-string">'text'</span>, <span class="hljs-attr">success</span>: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">data, status</span>) </span>{ <span class="hljs-comment">//如果dataType为text，那么这儿需要把返回的字符串转成对象</span> data = <span class="hljs-built_in">JSON</span>.parse(data); }, <span class="hljs-attr">error</span>: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">data, status, e</span>)</span>{ <span class="hljs-built_in">console</span>.<a href="http://www.js-code.com/tag/LOG/" target="_blank" class="keywords">LOG</a>(e); } }) </code></pre> <p>注：如果有&符号返回，这dataType改成text，然后把返回的data字符串通过JSON.parse()处理。<br>参考地址：<a href="http://www.oschina.net/code/snippet_105637_50057" rel="nofollow noreferrer" target="_blank"></a><a href="http://www.oschina.net/code/snippet_105637_50057" rel="nofollow noreferrer" target="_blank">http://www.oschina.net/code/s...</a></p></code><h2>脚本宝典总结</h2> <p>以上是<a href="http://www.js-code.com" title="http://www.js-code.com">脚本宝典</a>为你收集整理的<a href="http://www.js-code.com/jquery/jquery_31999.html" class="article_link" target="_blank">jQ基础篇--jQuery插件ajaxfileupload.js源码与使用</a>全部内容，希望文章能够帮你解决<a href="http://www.js-code.com/jquery/jquery_31999.html" class="article_link" target="_blank">jQ基础篇--jQuery插件ajaxfileupload.js源码与使用</a>所遇到的问题。</p> <p>如果觉得<a href="http://www.js-code.com" title="http://www.js-code.com">脚本宝典</a>网站内容还不错，欢迎将<a href="http://www.js-code.com" title="http://www.js-code.com">脚本宝典</a>推荐好友。</p> <blockquote>本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。<br>如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。</blockquote> </div> <div class="tags text-center clearfix center-block">标签：<a href="http://www.js-code.com/tag/jquery/" class="tag_link" target="_blank">jQuery</a><a href="http://www.js-code.com/tag/jQuery/" class="tag_link" target="_blank">jQuery</a><a href="http://www.js-code.com/tag/post,format,gallery/" class="tag_link" target="_blank">post-format-gallery</a></div> </div> <div class="panel panel-default"> <ul class="list-group"> <li class="list-group-item"><a href="http://www.js-code.com/jquery/jquery_31998.html" class="prev" target="_self"> 上一篇: jQuery浏览器功能测试support --...</a><a href="http://www.js-code.com/jquery/jquery_32000.html" class="text-muted pull-right" target="_self"> 下一篇:jQuery之getAll()和cleanData()</a></li> </ul> </div> <div class="panel panel-default"> </div> <div class="panel panel-default"> <div class="panel-heading font-weight-bold">猜你在找的jQuery相关文章</div> <ul class="list-group"><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40252.html" title="快速学习nodejs系列：十四、express框架介绍">快速学习nodejs系列：十四、express框架介绍</a> <span class="text-muted pull-right">2019-06-05</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31614.html" title="jQuery--1">jQuery--1</a> <span class="text-muted pull-right">2019-05-26</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31613.html" title="JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性">JQuery填坑系列（一）：JQuery对象与DOM对象innerHTML属性</a> <span class="text-muted pull-right">2019-05-22</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31612.html" title="JQuery之ContextMenu(右键菜单)(转载--用了插件)">JQuery之ContextMenu(右键菜单)(转载--用了插件)</a> <span class="text-muted pull-right">2019-05-28</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31610.html" title="jQuery 1.11 / 2.1 beta 版发布">jQuery 1.11 / 2.1 beta 版发布</a> <span class="text-muted pull-right">2019-05-27</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31609.html" title="一张图告诉你，只会jQuery还不够！！！！！">一张图告诉你，只会jQuery还不够！！！！！</a> <span class="text-muted pull-right">2019-05-23</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31608.html" title="jQuery选择器的的优点">jQuery选择器的的优点</a> <span class="text-muted pull-right">2019-05-21</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31607.html" title="【Jquery对象】jquery与dom对象的区别">【Jquery对象】jquery与dom对象的区别</a> <span class="text-muted pull-right">2019-05-27</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31606.html" title="jQuery插件">jQuery插件</a> <span class="text-muted pull-right">2019-05-23</span> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_31605.html" title="jQuery 选择器">jQuery 选择器</a> <span class="text-muted pull-right">2019-05-22</span> </li></ul> </div> <div class="panel panel-default"> <div class="panel-heading"><a href="https://www.js-code.com/all" class="font-weight-bold">其他相关热搜词</a><span class="pull-right"><a href="https://www.js-code.com/all">更多</a></span></div> <div class="panel-body list-cloud"><a href="http://www.js-code.com/tag/php/">php</a><a href="http://www.js-code.com/tag/java/">java</a><a href="http://www.js-code.com/tag/python/">python</a><a href="http://www.js-code.com/tag/chengxuyuan/">程序员</a><a href="http://www.js-code.com/tag/load/">load</a><a href="http://www.js-code.com/tag/post,format,gallery/">post-format-gallery</a><a href="http://www.js-code.com/tag/div93/">div</a><a href="http://www.js-code.com/tag/String/">String</a><a href="http://www.js-code.com/tag/canshu/">参数</a><a href="http://www.js-code.com/tag/kaifa/">开发</a><a href="http://www.js-code.com/tag/List/">List</a><a href="http://www.js-code.com/tag/cap/">cap</a><a href="http://www.js-code.com/tag/Map/">Map</a><a href="http://www.js-code.com/tag/class11/">Class</a><a href="http://www.js-code.com/tag/gongju/">工具</a><a href="http://www.js-code.com/tag/anzhuang/">安装</a><a href="http://www.js-code.com/tag/SQL/">SQL</a><a href="http://www.js-code.com/tag/shujuku/">数据库</a><a href="http://www.js-code.com/tag/ziyuan/">资源</a><a href="http://www.js-code.com/tag/this/">this</a></div> </div> </div> <div class="col-sm-3"> <div class="panel panel-default"> <div class="panel-heading font-weight-bold">全站导航<span class="pull-right"><a href="https://www.js-code.com/#all">更多</a></span></div> <div class="panel-body tag-cloud "><a href="http://www.js-code.com/html5/" title="html5" >html5</a><a href="http://www.js-code.com/htmlxhtml/" title="HTML/Xhtml" >HTML/Xhtml</a><a href="http://www.js-code.com/css/" title="CSS" >CSS</a><a href="http://www.js-code.com/xmlxslt/" title="XML/XSLT" >XML/XSLT</a><a href="http://www.js-code.com/dreamweaverjiaocheng/" title="Dreamweaver教程" >Dreamweaver教程</a><a href="http://www.js-code.com/frontpagejiaocheng/" title="Frontpage教程" >Frontpage教程</a><a href="http://www.js-code.com/xindejiqiao/" title="心得技巧" >心得技巧</a><a href="http://www.js-code.com/javascript/" title="JavaScript" >JavaScript</a><a href="http://www.js-code.com/aspnet/" title="ASP.NET" >ASP.NET</a><a href="http://www.js-code.com/phpbiancheng/" title="PHP编程" >PHP编程</a><a href="http://www.js-code.com/zhengzebiaodashi/" title="正则表达式" >正则表达式</a><a href="http://www.js-code.com/ajaxxiangguan/" title="AJAX相关" >AJAX相关</a><a href="http://www.js-code.com/aspbiancheng/" title="ASP编程" >ASP编程</a><a href="http://www.js-code.com/jspbiancheng/" title="JSP编程" >JSP编程</a><a href="http://www.js-code.com/biancheng10000wen/" title="编程10000问" >编程10000问</a><a href="http://www.js-code.com/csshtml/" title="CSS/HTML" >CSS/HTML</a><a href="http://www.js-code.com/flex/" title="Flex" >Flex</a><a href="http://www.js-code.com/vbs-1/" title="vbs" >vbs</a><a href="http://www.js-code.com/dosbat/" title="DOS/BAT" >DOS/BAT</a><a href="http://www.js-code.com/hta/" title="hta" >hta</a><a href="http://www.js-code.com/htc/" title="htc" >htc</a><a href="http://www.js-code.com/python-1/" title="python" >python</a><a href="http://www.js-code.com/perl/" title="perl" >perl</a><a href="http://www.js-code.com/youxixiangguan/" title="游戏相关" >游戏相关</a><a href="http://www.js-code.com/vba/" title="VBA" >VBA</a><a href="http://www.js-code.com/yuanchengjiaoben/" title="远程脚本" >远程脚本</a><a href="http://www.js-code.com/coldfusion/" title="ColdFusion" >ColdFusion</a><a href="http://www.js-code.com/mssql/" title="MsSql" >MsSql</a><a href="http://www.js-code.com/mysql-1/" title="Mysql" >Mysql</a><a href="http://www.js-code.com/mariadb/" title="mariadb" >mariadb</a><a href="http://www.js-code.com/oracle/" title="oracle" >oracle</a><a href="http://www.js-code.com/db2/" title="DB2" >DB2</a><a href="http://www.js-code.com/mssql2008/" title="mssql2008" >mssql2008</a><a href="http://www.js-code.com/mssql2005/" title="mssql2005" >mssql2005</a><a href="http://www.js-code.com/sqlite/" title="SQLite" >SQLite</a><a href="http://www.js-code.com/postgresql/" title="PostgreSQL" >PostgreSQL</a><a href="http://www.js-code.com/mongodb/" title="MongoDB" >MongoDB</a><a href="http://www.js-code.com/xingwaixunizhuji/" title="星外虚拟主机" >星外虚拟主机</a><a href="http://www.js-code.com/huazhongxunizhuji/" title="华众虚拟主机" >华众虚拟主机</a><a href="http://www.js-code.com/linux/" title="Linux" >Linux</a><a href="http://www.js-code.com/winfuwuqi/" title="win服务器" >win服务器</a><a href="http://www.js-code.com/ftpfuwuqi/" title="FTP服务器" >FTP服务器</a><a href="http://www.js-code.com/dnsfuwuqi/" title="DNS服务器" >DNS服务器</a><a href="http://www.js-code.com/tomcat/" title="Tomcat" >Tomcat</a><a href="http://www.js-code.com/nginx/" title="nginx" >nginx</a><a href="http://www.js-code.com/zabbix/" title="zabbix" >zabbix</a><a href="http://www.js-code.com/yunhexunihua/" title="云和虚拟化" >云和虚拟化</a><a href="http://www.js-code.com/biosxitong/" title="bios系统" >bios系统</a><a href="http://www.js-code.com/anzhuangxitong/" title="安装系统" >安装系统</a><a href="http://www.js-code.com/xitongjincheng/" title="系统进程" >系统进程</a><a href="http://www.js-code.com/windowsxilie/" title="Windows系列" >Windows系列</a><a href="http://www.js-code.com/linux-1/" title="LINUX" >LINUX</a><a href="http://www.js-code.com/redhatcentos/" title="RedHat/Centos" >RedHat/Centos</a><a href="http://www.js-code.com/ubuntudebian/" title="Ubuntu/Debian" >Ubuntu/Debian</a><a href="http://www.js-code.com/fedora/" title="Fedora" >Fedora</a><a href="http://www.js-code.com/solaris/" title="Solaris" >Solaris</a><a href="http://www.js-code.com/hongqilinux/" title="红旗Linux" >红旗Linux</a><a href="http://www.js-code.com/jianzhanjingyan/" title="建站经验" >建站经验</a><a href="http://www.js-code.com/weixinyingxiao/" title="微信营销" >微信营销</a><a href="http://www.js-code.com/wangzhanyouhua/" title="网站优化" >网站优化</a><a href="http://www.js-code.com/wangzhancehua/" title="网站策划" >网站策划</a><a href="http://www.js-code.com/wangluozhuanqian/" title="网络赚钱" >网络赚钱</a><a href="http://www.js-code.com/wangluochuangye/" title="网络创业" >网络创业</a><a href="http://www.js-code.com/zhanchanggushi/" title="站长故事" >站长故事</a><a href="http://www.js-code.com/alexayuming/" title="alexa域名" >alexa域名</a><a href="http://www.js-code.com/photoshopjiaocheng/" title="photoshop教程" >photoshop教程</a><a href="http://www.js-code.com/sheyingjiaocheng/" title="摄影教程" >摄影教程</a><a href="http://www.js-code.com/fireworksjiaocheng/" title="Fireworks教程" >Fireworks教程</a><a href="http://www.js-code.com/coreldrawjiaocheng/" title="CorelDraw教程" >CorelDraw教程</a><a href="http://www.js-code.com/illustratorjiaocheng/" title="Illustrator教程" >Illustrator教程</a><a href="http://www.js-code.com/painterjiaocheng/" title="Painter教程" >Painter教程</a><a href="http://www.js-code.com/freehandjiaocheng/" title="Freehand教程" >Freehand教程</a><a href="http://www.js-code.com/indesign/" title="Indesign" >Indesign</a><a href="http://www.js-code.com/sketch/" title="Sketch" >Sketch</a><a href="http://www.js-code.com/bijiben/" title="笔记本" >笔记本</a><a href="http://www.js-code.com/zhuban/" title="主板" >主板</a><a href="http://www.js-code.com/neicun/" title="内存" >内存</a><a href="http://www.js-code.com/cpu/" title="CPU" >CPU</a><a href="http://www.js-code.com/cunchu/" title="存储" >存储</a><a href="http://www.js-code.com/xianqia/" title="显卡" >显卡</a><a href="http://www.js-code.com/xianshiqi/" title="显示器" >显示器</a><a href="http://www.js-code.com/guangcunchu/" title="光存储" >光存储</a><a href="http://www.js-code.com/shubiaojianpan/" title="鼠标键盘" >鼠标键盘</a><a href="http://www.js-code.com/pingbandiannao/" title="平板电脑" >平板电脑</a><a href="http://www.js-code.com/anquanjiaocheng/" title="安全教程" >安全教程</a><a href="http://www.js-code.com/shadufangdu/" title="杀毒防毒" >杀毒防毒</a><a href="http://www.js-code.com/anquanshezhi/" title="安全设置" >安全设置</a><a href="http://www.js-code.com/bingduchasha/" title="病毒查杀" >病毒查杀</a><a href="http://www.js-code.com/jiaobengongfang/" title="脚本攻防" >脚本攻防</a><a href="http://www.js-code.com/ruqinfangyu/" title="入侵防御" >入侵防御</a><a href="http://www.js-code.com/gongjushiyong/" title="工具使用" >工具使用</a><a href="http://www.js-code.com/yejiedongtai/" title="业界动态" >业界动态</a><a href="http://www.js-code.com/exploit/" title="Exploit" >Exploit</a><a href="http://www.js-code.com/loudongfenxi/" title="漏洞分析" >漏洞分析</a></div> </div> <div class="panel panel-default"> <div class="panel-heading font-weight-bold">最新jQuery教程</div> <ul class="list-group"><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40249.html" title="magento2 translate">magento2 translate</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40246.html" title="用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果">用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40243.html" title="移动端手势操作--两点同时点击的实现方案">移动端手势操作--两点同时点击的实现方案</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40241.html" title="[译]脱离jQuery，使用原生Ajax">[译]脱离jQuery，使用原生Ajax</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40231.html" title="jQ进阶篇--地址栏链接与a标签链接匹配">jQ进阶篇--地址栏链接与a标签链接匹配</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40220.html" title="$.when().done().then()的用法">$.when().done().then()的用法</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40214.html" title="Highcharts 在低版本 IE 上使用注意事项">Highcharts 在低版本 IE 上使用注意事项</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40208.html" title="Decorator（装饰器，修饰器，实例方法）">Decorator（装饰器，修饰器，实例方法）</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_39991.html" title="<span class=""hljs-attr"">width</span>:<span class=""hljs-string"">""100%""</span>"><span class=""hljs-attr"">width</span>:<span class=""hljs-string"">""100%""</spa...</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_32505.html" title="[微信音频播放器] html5 audio 制作的微信播放器">[微信音频播放器] html5 audio 制作的微信播放器</a> </li></ul> </div> <div class="panel panel-default"> <div class="panel-heading font-weight-bold">热门jQuery教程</div> <ul class="list-group"><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40252.html" title="快速学习nodejs系列：十四、express框架介绍">快速学习nodejs系列：十四、express框架介绍</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40249.html" title="magento2 translate">magento2 translate</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40248.html" title="Flask+JQuery Validation 插件+Ajax进行表单的验证">Flask+JQuery Validation 插件+Ajax进行表单的验证</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40247.html" title="sourceMap初探索">sourceMap初探索</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40246.html" title="用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果">用dragsort +bootstrap+php实现 table拖动自动保持排序，前面加序号及时更新效果</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40245.html" title="Emoji 的 Google 搜索结果">Emoji 的 Google 搜索结果</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40244.html" title="写一个方便维护的 jquery 代码">写一个方便维护的 jquery 代码</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40243.html" title="移动端手势操作--两点同时点击的实现方案">移动端手势操作--两点同时点击的实现方案</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40241.html" title="[译]脱离jQuery，使用原生Ajax">[译]脱离jQuery，使用原生Ajax</a> </li><li class="list-group-item"> <a href="http://www.js-code.com/jquery/jquery_40240.html" title="nicescroll插件在容器的宽度改变时 滚动条的定位如何自适应">nicescroll插件在容器的宽度改变时 滚动条的定位如何自适应</a> </li></ul> </div> </div> </div> </div> <footer id="footer"> <div class="container"> <div class="row hidden-xs"> <dl class="col-sm-4 site-link"> <dt>最近更新</dt><dd> <a href="http://www.js-code.com/document/document_49.html" title="财务成本分析资料-第三章 财务报表分析方法基础免费ppt下载">财务成本分析资料-第三章 财务报...</a> <span class="text-muted pull-right">2018-11-09 </span> </dd><dd> <a href="http://www.js-code.com/es2015es6/es2015es6_43.html" title="js中判断字符串长度方法居然有5种，你知道吗？">js中判断字符串长度方法居然有5种...</a> <span class="text-muted pull-right">2018-11-09 </span> </dd><dd> <a href="http://www.js-code.com/document/document_30.html" title="财务成本分析资料-第2章 财务报表（告）概要ppt下载">财务成本分析资料-第2章 财务报...</a> <span class="text-muted pull-right">2018-11-09 </span> </dd><dd> <a href="http://www.js-code.com/document/document_26.html" title="财务成本分析资料-第一章 财务信息的需求和供给ppt下载">财务成本分析资料-第一章 财务信...</a> <span class="text-muted pull-right">2018-11-09 </span> </dd><dd> <a href="http://www.js-code.com/js/js_52.html" title="在不到5分钟的时间内学习这些精巧的JavaScript技巧">在不到5分钟的时间内学习这些精巧...</a> <span class="text-muted pull-right">2018-11-09 </span> </dd><dd> <a href="http://www.js-code.com/document/document_69.html" title="财务成本分析资料-第四章 财务报表数据的特征ppt免费下载">财务成本分析资料-第四章 财...</a> <span class="text-muted pull-right">2018-11-10 </span> </dd><dd> <a href="http://www.js-code.com/angularjs/angularjs_68.html" title="angularjs总结技巧你不得不佩服的实用方法">angularjs总结技巧你不得不佩服的...</a> <span class="text-muted pull-right">2018-11-10 </span> </dd><dd> <a href="http://www.js-code.com/nodejs/nodejs_71.html" title="只要花5分钟就能掌握的nodejs技巧个人总结同步性能和模块应用">只要花5分钟就能掌握的nodejs技巧...</a> <span class="text-muted pull-right">2018-11-10 </span> </dd><dd> <a href="http://www.js-code.com/nodejs/nodejs_72.html" title="Redis的Node.js扩展包 node_redis 示例代码">Redis的Node.js扩展包 node_redi...</a> <span class="text-muted pull-right">2018-11-10 </span> </dd></dl> <dl class="col-sm-4 site-link"> <dt>热门文章</dt><dd> <a href="http://www.js-code.com/article.php?id=326942" title="vue全家桶-vuex深入讲解">vue全家桶-vuex深入讲解</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326941" title="Vue body样式修改方式">Vue body样式修改方式</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326940" title="Vue render函数使用详细讲解">Vue render函数使用详细讲解</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326939" title="vuecli3.0脚手架搭建及不同的打包环境配置vue.config.js的详细过程">vuecli3.0脚手架搭建及不同的打包...</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326938" title="Vue slot插槽作用与原理深入讲解">Vue slot插槽作用与原理深入...</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326937" title="vant-list上拉加载onload事件触发多次问题及解决">vant-list上拉加载onload事件触发...</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326936" title="van-picker组件default-index属性设置不生效踩坑及解决">van-picker组件default-index属性...</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326935" title="Vue+echart 展示后端获取的数据实现">Vue+echart 展示后端获取的数据...</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326934" title="Vant Weapp组件picker选择器初始默认选中问题">Vant Weapp组件picker选择器初始...</a> <span class="text-muted pull-right">2023-03-25 </span> </dd><dd> <a href="http://www.js-code.com/article.php?id=326933" title="Vant picker选择器设置默认值导致选择器失效的解决">Vant picker选择器设置默认...</a> <span class="text-muted pull-right">2023-03-25 </span> </dd></dl> </div> <div class="copyright"> Copyright © 2019 脚本宝典<br> <a href="http://www.miibeian.gov.cn/" rel="nofollow"></a> <span class="ml5">脚本宝典版权所有 <a href="https://www.miitbeian.gov.cn" target="_blank">豫ICP备15014364号-1 </a></span> <a href="https://wpa.qq.com/msgrd?v=3&uin=384754419&site=qq&menu=yes&jumpflag=1" target="_blank" style="color:blue" >QQ:384754419</a> </div> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?f7ab1c2d86e1ae49c0ca59223b2b0efb"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src="https://readmore.openwrite.cn/js/readmore.js" type="text/javascript"></script> <script> const btw = new BTWPlugin(); btw.init({ id: 'container', blogId: '29457-1668094709135-757', name: 'DearMrGao', qrcode: 'http://code.js-code.com/res/2022/05-04/23/ea106a76a9b6f2bfc9374cb2e57301e4.jpg', keyword: '验证码', }); </script> <style> .jb51box img{ max-width: 100%; } </style> </body> </html>
在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，但是在使用ajaxfileupload.js时候，当服务器返回的json带有&符号的时候，返回的data数据里面所有的&被转义成了&。下面的ajaxfileupload.js是经过修改的文件上传库。
&
&