2011-12-13 68 views
2

我在一個頁面上使用Plupload將有多個drop_elements以及瀏覽按鈕。我的問題是,默認情況下使用plupload你可以爲drop_element和browse_button定義一個元素,從我讀過的內容中,嘗試它只接受1個元素,它恰好是該元素的ID。plupload多個drop_elements

我需要以某種方式擴展此,以便我可以定義一個id數組或將其更改爲類而不是id。

var uploader = new plupload.Uploader({ 
     runtimes : 'gears,html5,flash,silverlight,browserplus', 
     browse_button : **['ele_id1', 'ele_id2']**, 
     drop_element : **['dropzone_id1', 'dropzone_id2']**, 
     max_file_size : '200mb', 
     url: '//senditfrom.me/fileupload/upload/do_upload', 
     flash_swf_url: '//senditfrom.me/fileupload/js/plupload.flash.swf', 
     silverlight_xap_url: '//senditfrom.me/fileupload/js/plupload.silverlight.xap', 

     resize : {width : 320, height : 240, quality : 90} 
    }); 

這可能嗎?有沒有人找到一種方法可以定義1個元素?

+0

我確實設法有2個不同的drop_elements和browse_buttons,但是我必須創建一個新的上傳器..並綁定所有按鈕來與上傳器和上傳器2進行交互 – Sherdog 2011-12-13 19:27:29

回答

2

您可能需要破解該插件。在他們使用getElementById(browse_button)的插件中,您可以嘗試將其更改爲使用class。我還沒有嘗試過,但它可能工作。

+0

謝謝,我會看看我是否可以設法改變這個..你會在那裏有一個更簡單的方法。 – Sherdog 2011-12-13 19:12:41

4

我知道這是一個老問題,但我遇到了2個browse_buttons的問題,並找到了解決方法,我想在這裏分享。

HTML:

<form id="uploader"> 
    <input type="button" class="pickfiles" id="0" value="Select 1"/> 
    <input type="button" class="pickfiles" id="1" value="Select 2"/> 
</form> 

JS:

var uploader = new plupload.Uploader(
    { 
     browse_button : '0', 
     container : 'uploader', 
    }); 

$('.pickfiles').mouseenter(function() 
{ 
    uploader.settings.browse_button = $(this).attr('id'); //Assign the ID of the pickfiles button to pluploads browse_button 
    uploader.refresh(); 
}); 

見下面的jsfiddle瞭解詳情。

http://jsfiddle.net/wLMNB/

3

我不知道是否因爲大衛·希利張貼了他的答案,但我發現,他的回答工作的小修改插件已經改變。

他的部分:

$('.pickfiles').mouseenter(function() 
{ 
    uploader.settings.browse_button = $(this).attr('id'); //Assign the ID of the pickfiles button to pluploads browse_button 
    uploader.refresh(); 
}); 

應改爲:

$('.pickfiles').mouseenter(function() { 
      uploader.setOption("browse_button", $(this).attr('id')); //Assign the ID of the pickfiles button to pluploads browse_button 
     }); 

和它的作品似的!