jquery - plupload 多个 drop_elements

Question

我在一个页面上使用 Plupload，该页面将有多个 drop_elements 以及浏览按钮。我的问题是，默认情况下，使用 plupload 您可以为 drop_element 和 browser_button 定义一个元素，根据我的阅读和尝试，它只接受 1 个元素，而该元素恰好是该元素的 ID。

我需要以某种方式扩展它，以便我可以定义一个 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

我知道这是一个老问题，但我遇到了有 2 个 browser_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/