複数のdrop_elementsをplupload

Question

複数のdrop_elementsとbrowseボタンを持つページでPluploadを使用しています。私の質問は、デフォルトではpluploadを使って、私が読んだことからdrop_elementとbrowse_buttonの両方の要素を定義できます。その要素のIDである1つの要素だけを受け取ります。

これを何とか拡張する必要があるので、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要素しか定義されていないという方法を見つけましたか？

Answer 1

あなたはプラグインをハックする必要があるかもしれません。プラグインでgetElementById（browse_button）を使用しましたが、代わりにクラスを使用するように変更できます。私はこれを試していないが、それは動作する可能性があります。

Answer 2

これは古い質問ですが、私は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/

Answer 3

私はデビッド・ヒーリーが彼の答えを掲示したが、私は彼の答えは、小さな変更で動作することがわかったので、プラグインが変更されたかはわかりません。

彼のセクション：

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

そして、それは動作しますさきがけ：

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

に変更する必要があります！