2

複数の drop_elements と参照ボタンを持つページで Plupload を使用しています。私の質問は、デフォルトでpluploadを使用すると、drop_elementとbrowse_buttonの両方の要素を定義できます.

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つの要素を定義できるようにする方法を見つけた人はいますか?

4

3 に答える 3

4

これは古い質問であることは知っていますが、browse_buttons が 2 つあるという問題に遭遇し、ここで共有したい解決方法を見つけました。

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/

于 2013-03-11T21:51:34.490 に答える
3

David Healey が回答を投稿してからプラグインが変更されたかどうかはわかりませんが、彼の回答はわずかな変更で機能することがわかりました。

彼のセクション:

$('.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
        });

そしてすぐにそれは機能します！

于 2015-03-03T12:11:09.217 に答える
2

プラグインをハックする必要があるかもしれません。プラグインではgetElementById（browse_button）を使用しており、代わりにクラスを使用するように変更してみることができます。私はこれを試していませんが、うまくいくかもしれません。

于 2011-12-13T17:09:04.403 に答える