2011-09-09 64 views
4

我想在頁面上設置未知數量的plupload實例。我需要動態地添加更多的實例,並刪除和重置其中的一些。我有一般的想法,但沒有任何工作。Plupload多個實例

我的一個嘗試是在jsfiddle

謝謝你的幫助。

代碼:

var uploaders = new Array(); 

initUploaders = function(uploaders) { 
    console.log("initUploaders()"); 
    $(".gallery").each(function() { 
     var el = $(this); 
     var button = el.attr("id") + "_uploader"; 
     console.log("Init uploader id:" + el.attr("id")); 
     var uploader = new plupload.Uploader({ 
      runtimes: 'gears,html5,flash,silverlight,browserplus', 
      browse_button: button, 
      max_file_size: '10mb', 
      url: 'ModuleGallery/Upload/', 
      flash_swf_url: 'http://static.srv42.net/plupload/js/plupload.flash.swf', 
      silverlight_xap_url: 'http://static.srv42.net/plupload/js/plupload.silverlight.xap', 
      filters: [ 
       { 
       title: "Image files", 
       extensions: "jpg,gif,png"} 
      ] 
     });   

     uploader.bind('FilesAdded', function(up, files) { 
      uploader.start(); 
     }); 

     uploader.init();  
     galleryUploaders.push(uploader); 
    }; 

    initUploaders(uploaders); 

回答

8

答案是在年底相當簡單。您可以正常實例並僅綁定到QueueChanged事件。

uploader.bind('QueueChanged', function (up, files) { 
    uploader.start(); 
    up.refresh(); 
}); 
+2

感謝。我已經修復了你原來的jsfiddle和(儘管這個文件當然不會上傳到任何地方),但是一旦這些額外的代碼到位,它似乎就會正確地嘗試它。 http://jsfiddle.net/X65zF/36/ – Gavin

+0

@Gavin這是我的新鏈接..http://stackoverflow.com/questions/25440360/how-to-use-multiple-instances-of-plupload-on-單一形式......給我解決方案.. –