jQuery - 创建多个实例

我使用下面的jquery插件来上传文件。jQuery - 创建多个实例

http://www.jscripts.info/mfupload.php

这对于单个上传框的伟大工程。我通过将ID更改为类来尝试多个上传框，但没有运气。

这是它如何初始化函数，

$(document).ready(function() { 
    //function AjaxUpload($posturl,fieldname,formname){ 
     var errors=""; 
     //alert($("div.uploadaction").html()); 
     $('#upload').mfupload({ 

      type  : '', //all types 
      maxsize  : 20, 
      post_upload : $("div.uploadaction").html(), 
      folder  : "./", 
      ini_text : "<div class='halfmargin'></div><span>Click/Drag your logo file here</span>", 
      over_text : "<div class='halfmargin'></div><span class='drop'>Drop Here</span>", 
      over_col : 'white', 
      over_bkcol : 'green', 

      init  : function(){  
       $("#uploaded").empty(); 
      }, 

      start  : function(result){  
       $("#uploaded").append("<div id='FILE"+result.fileno+"' class='files'>"+result.filename+"<div id='PRO"+result.fileno+"' class='progrez_img'><img src='/images/ajax-loader.gif' /></div></div>"); 
      }, 

      loaded  : function(result){ 
       $("#PRO"+result.fileno).remove(); 
       $("#FILE"+result.fileno).html("<div class='smallpadding'>Uploaded: "+result.filename+" ("+result.size+")<input type='hidden' name='hdnfilename[]' value='"+result.filename+"' /></div>"); 
       //$('#'+formname).append('<input type=\"hidden\" name=\"hdnfilename[]\" value=\"' +result.filename+ '\">');  

/*    <input type='hidden' name='hdnfilename[]' value='"+result.filename+"' />  
*/   }, 

      progress : function(result){ 
       $("#PRO"+result.fileno).css("width", result.perc+"%"); 
      }, 

      error  : function(error){ 
       errors += error.filename+": "+error.err_des+"\n"; 
      }, 

      completed : function(){ 
       if (errors != "") { 
        alert(errors); 
        errors = ""; 
       } 
      } 
     }); 

    })

请帮我创建多个上传框。

问候。

来源

2013-02-07 user1915190

jquery文件上传插件是可能的 – mikakun

是否支持拖放功能，如果有，请给我一个链接供参考。 – user1915190

查看编辑答案 – mikakun

如果该插件允许多个实例来

$(".upload").each(function(i,e) { 

     $("#"+e.id).mfupload({//.. 
       }); 

     });

，或者尝试一个更好的（IMO）/更灵活的插件：http://blueimp.github.com/jQuery-File-Upload/

（使用所提供的用户界面之前，练习基本的插件设置开始/模板选项）

来源

2013-02-07 09:09:45 mikakun

非常感谢，我会试试这个插件 – user1915190

您可以使用一个类将插件应用于多个元素，但代码使用该元素的id，因此每个元素仍然必须具有一个id。

来源

2013-02-07 09:12:48 Guffa

jQuery - 创建多个实例

回答

相关问题