频道导航

如何让ajaxfileupload.js支持IE9，IE10，并可以传递多个参数？

2020-06-03 Ajax 前端之家

前端之家收集整理的这篇文章主要介绍了如何让ajaxfileupload.js支持IE9，IE10，并可以传递多个参数？，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

1、如何让ajaxfileupload.js支持IE9、IE10？

打开ajaxfileupload 文件，找到下面的代码。

[javascript]view plaincopy 
   
 if(window.ActiveXObject){
 vario=document.createElement('<iframeid="'+frameId+'"name="'+frameId+'"/>');
if(typeofuri=='boolean'){
 io.src='javascript:false';
 }
elsetypeofuri=='string'){
 io.src=uri;
 }
 }

修改成如下：

copy 
    
   

(jQuery.browser.version==

"9.0"

||jQuery.browser.version==

"10.0"

){

vario=document.createElement('iframe');
io.id=frameId;
io.name=frameId;
}if(jQuery.browser.version=="6.0"||jQuery.browser.version=="7.0"||jQuery.browser.version=="8.0"){
vario=document.createElement('<iframeid="'+frameId+'"name="'+frameId+'"/>');
typeofuri=='boolean'){
io.src='javascript:false';
typeofuri=='string'){
io.src=uri;
}

2、如何让ajaxfileupload.js可以在文件上传的同时传递多个台数。

找到以下代码：

copy 
    
   
 ajaxFileUpload:function(s){
 //TODOintroduceglobalsettings,allowingtheclienttomodifythemforallrequests,notonlytimeout
 s=jQuery.extend({},jQuery.ajaxSettings,s);
 varid=newDate().getTime()
 varform=jQuery.createUploadForm(id,s.fileElementId); //变化前

增加自己要传递的参数:

copy 
    
   

ajaxFileUpload: s=jQuery.extend({},108); list-style:decimal-leading-zero outside; line-height:17.27272605895996px; margin:0px!important; padding:0px 3px 0px 10px!important"> @H_525_301@varform=jQuery.createUploadForm(id,s.fileElementId,s.tag_name,s.tag_link,s.tag_sort,s.tag_status,s.tag_id);//变化后

这里我们增加了五个传递参数。s.tag_name,s.tag_id

接着找到：

copy 
    
   

createUploadForm:function(id,fileElementId,tag_name,tag_link,tag_sort,tag_status,tag_id)//增加tag_name,tag_id

{
//createform
varformId='jUploadForm'+id;
varfileId='jUploadFile'+id;
//--增加以下内容
vartagNameId='tag_name'+id;
vartagLinkId='tag_link'+id;
vartagSortId='tag_sort'+id;
vartagStatusId='tag_status'+id;
vartagIdId='tag_id'+id;
//--end
varform=$('<formaction=""method="POST"name="'+formId+'"id="'+formId+'"enctype="multipart/form-data"></form>');
varoldElement=$('#'+fileElementId);
varnewElement=$(oldElement).clone();
vartagNameElement='<inputtype="text"name="tag_name"value="'+tag_name+'">';
vartagLinkElement='<inputtype="text"name="tag_link"value="'+tag_link+'">';
vartagSortElement='<inputtype="text"name="tag_sort"value="'+tag_sort+'">';
vartagStatusElement='<inputtype="text"name="tag_status"value="'+tag_status+'">';
vartagIdElement='<inputtype="text"name="tag_id"value="'+tag_id+'">';
$(oldElement).attr('id',fileId);
$(oldElement).before(newElement);
$(oldElement).appendTo(form);
//--增加以下的内容
$(tagNameElement).appendTo(form);
$(tagLinkElement).appendTo(form);
$(tagSortElement).appendTo(form);
$(tagStatusElement).appendTo(form);
$(tagIdElement).appendTo(form);
//setattributes
$(form).css('position','absolute');
$(form).css('top','-1200px');
$(form).css('left','-1200px');
$(form).appendTo('body');
returnform;
},

注意注释中的内容为增加了内容。

修改完后，如何使用？

copy 
    
   

$.ajaxFileUpload({

url:web_url,
secureuri:false,
//以下为增加的传递参数
tag_name:tag_name,
tag_link:tag_link,
tag_sort:tag_sort,
tag_status:tag_status,serif; line-height:17.265625px"> tag_id:tag_id,
fileElementId:result[0],108); list-style:decimal-leading-zero outside; line-height:17.27272605895996px; margin:0px!important; padding:0px 3px 0px 10px!important"> dataType:'json',
success:function(data,status){}
//以下省略