j查询文件上传多个实例错误

jQuery file upload multiple instances error

本文关键字:实例 错误 查询 文件      更新时间:2023-09-26

我已经用jquery文件上传插件(https://github.com/blueimp/jQuery-File-Upload)完成了文件上传。但是现在,我不知道如何解决这个问题:我有这样的HTML代码:

<form id="form-1"></form>
<input type="file" class="file-upload" id="file-1" name="file" form="form-1" />
<form id="form-2"></form>
<input type="file" class="file-upload" id="file-2" name="file" form="form-2" />


    $('input[type="file"][name="file"].file-upload').each(function(){
            var self = $(this);
            $(this).fileupload({
                url: window.fileUpload.uploadUrl,
                dataType: 'json',
                dropZone: self,
                fileInput: self
            });
});

但是有问题,当我在第一个输入上放置文件时,它会上传文件 2 次 - 对于每个输入。我不知道,如何解决这个问题。你有什么解决方案吗?

编辑:我发现,上传只完成一次,但两次称为"文件上传完成"事件。

解决:jQuery 文件上传实例在一个文件输入上启动了两次。

这是因为您没有导入 jquery min-js 文件并在代码<script type="text/javascript">下正确编写代码</script>