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

Question

我使用blueimp jquery file upload。

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

例如像这样：

我该如何防止这种情况？

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

好的我已经知道答案，在选项参数中传递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)
    });
});