ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

关于ajaxFileUpload只能上传一次的解决(1/2)

来源:网络整理     时间:2016-04-06     关键词:ajaxfileupload

本篇文章主要介绍了"关于ajaxFileUpload只能上传一次的解决",主要涉及到ajaxfileupload方面的内容,对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 今天用ajaxFileUpload做了一个上传文件到服务器的功能。出现问题:先上传了一次,后来发现读取完成以后,再上传的时候前台调试file和自动义参数都传进,...

今天用ajaxFileUpload做了一个上传文件到服务器的功能。

出现问题:先上传了一次,后来发现读取完成以后,再上传的时候前台调试file和自动义参数都传进,但后台获取的仍然是上一次上传时的相关参数,必须要刷新页面才可以再次上传。

原因:上查资料明确问题应该是ajaxFileUpload.js插件问题所致

网上解决办法:在ajaxFileUpload.js源码中找到:createUploadForm 找到这一段

var oldElement = $('#' + fileElementId);  
var newElement = $(oldElement).clone();  
$(oldElement).attr('id', fileId);  
$(oldElement).before(newElement);  
$(oldElement).appendTo(form); 
改为:
var oldElement = $('#' + fileElementId);  
var newElement = $(oldElement).clone(true);  
//需要复制元素的所有事件处理。
$(oldElement).attr('id', fileId);  
$(oldElement).before(newElement);  
$(oldElement).appendTo(form); 
然而处理后并没有用,仔细分析ajaxFileUpload.js源码后,是由于第一次上传插入一个id="fireUploadForm"+id的表单到body中,第二次上传时这个form表单仍然存在,通过form的Id去拿form时是上一次上传时的表单。
  //(此段为ajaxFileUpload.js源码)
  var form = jQuery('#' + formId); //这里拿到的还是上一次上传数据时的表单
  jQuery(form).attr('action', s.url);
  jQuery(form).attr('method', 'POST');
  jQuery(form).attr('target', frameId);

打印输出:

相关图片

相关文章