无论如何将多上传框的上传绑定到输入文件？

Question

我正在使用拖放多导入程序脚本我found online，在我的div下面包含拖放输入类型=＆＃34;文件＆＃34; ..

目前，如果您单击输入中的“浏览文件”按钮并添加图像，则它将显示在“多重上传”div中（当然还包括输入文件部分）但是并非所有人都将使用“浏览文件”按钮，会拖放，所以有没有办法扭转这种行为？当客户端在多上传div中拖动文件时，它会在输入文件标签中显示为添加？

我希望我在那里不会感到困惑。

这就是我所拥有的：

<div id="dragAndDropFiles" class="uploadArea">
   <h1>Drop Images Here or Click to Upload</h1>
</div>
 <input type="file" name="thumbnail" id="thumbnail" multiple />

<script type="text/javascript">
var config = {
    support : "image/jpg,image/png,image/bmp,image/jpeg,image/gif", // Valid file formats
    form: "primaryPostForm", // Form ID
    dragArea: "dragAndDropFiles",       // Upload Area ID
}
jQuery(document).ready(function($){
    initMultiUploader(config);
    $('.button').click(function () {
        $('#primaryPostForm').submit();
    });

    $('#dragAndDropFiles').bind("click" , function () {
        $('input#thumbnail').click();
    });
});
</script>

最终只是隐藏输入文件类型部分，但仍然在我的标记中，因为我有其他功能可以获取该文件并从中创建产品。