javascript - 当我尝试删除文件时，为什么 Plupload 容器没有响应？

Question

我创建了一个放置区域，可以在其中放置图像，并且在该放置区域内，我还有一个用于打开文件浏览器的链接/按钮。

单击此链接有效，选择文件将触发警报消息。

但我无法激活拖放区。

有谁知道我怎样才能做到这一点？这是我的 fiddle :http://jsfiddle.net/spstieng/kXX6L/6/

HTML:

<section class="logo-drop-box-container">
    <div id="logo-drop-box" class="image-drop-box">
        Drop image or <a id="logo-file-browser-button" class="brows-file-button" href="#"> select file</a>
    </div>
</section>

JS:

function logoUpload() {
    var uploader = new plupload.Uploader({
        runtimes : 'html5',
        container: 'logo-drop-box',
        browse_button : 'logo-file-browser-button',            
        multipart : false,
        dragdrop: true,
        flash_swf_url : 'http://www.plupload.com/plupload/js/Moxie.swf',
        silverlight_xap_url : 'http://www.plupload.com/plupload/js/Moxie.xap',            
        url :  '/some/path/to/upload.php',
        filters : {
            max_file_size : '2mb',
            mime_types: [{title : "Image files", extensions : "jpg,png"}]
        },
        init : {
            FilesAdded: function(up, files) {
                alert('test');
            }
        }
    });    
    uploader.init();
}


if($('.logo-drop-box-container').length > 0) {
    logoUpload();
}

Answer 1

为了回答我自己的问题，它缺少 drop_element。

    var uploader = new plupload.Uploader({
        runtimes : 'html5,flash',
        container: 'drop-box',
        drop_element: "drop-box",
        ...