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

时间:2017-08-23 14:18:21

标签: jquery-file-upload blueimp

我使用blueimp jquery file upload

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

例如像这样: enter image description here

我该如何防止这种情况?

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

好的我已经知道答案,在选项参数中传递dropZone:

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

1 个答案:

答案 0 :(得分:0)

我也在我的项目中做过这种情景。你应该为每个文件上传包含单独的div标签,并为每个div标签提供差异ID,并在javascript代码中为每个id定义dropzone,如下所示。

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