jquery-file-upload多个字段重复预览

Question

我使用blueimp jquery file upload。

我的问题是当有两个这样的字段，并将一个文件拖到其中一个时，该项目将在两者的预览部分中。

例如像这样：

如何防止这种情况发生？

============

好的，我已经知道答案了，在 options 参数中传递 dropZone：

$('.fileupload').fileupload({
    dropZone: $('.fileupload')
});

Answer 1

我的项目中也做过这种场景。您应该为每个文件上传包含单独的 div 标签，并为每个 div 标签提供不同的 id，并在您的 javascript 代码中为每个 id 定义 dropzone，如下所示。

<div id="example1">
   <!-- include file input -->
</div>
<script type="text/javascript">
$('#example1').each(function () {
    $(this).fileupload({
        dropZone: $(this)
    });
});