![](/img/trans.png)
[英]how to remove single uploaded file from jQuery in multiple file upload
[英]jQuery File Upload - Single Upload Sending Data Multiple Times
我正在使用 jQuery File Upload 将图像异步上传到 .NET MVC 控制器。 我有以下运行的脚本
<script type="text/javascript">
$('#Image').fileupload({
url: "/Home/PostUpdate",
dataType: 'json',
replaceFileInput: false,
dropZone: null,
autoUpload: false,
maxNumberOfFiles: 1,
maxFileSize: 2000000,
add: function (e, data) {
$("form").submit(function (event) {
event.preventDefault();
console.log("posting from jquery file upload");
if ($("#Image")[0].files[0].size > 0 && ($("#PostText").val() === "" || $("#PostText").val() === undefined)) {
// Warning message here
}
else {
console.log("2a");
data.submit();
}
});
},
done: function (e, data) {
// Done code here...
}
});
$("form").submit(function (event) {
event.preventDefault();
if ($("#Image")[0].files[0] == undefined) {
console.log("posting from default ajax");
var url = "/Home/PostUpdate/";
$.ajax({
url: url,
datatype: "json",
data: $(this).serialize(),
cache: false,
type: "POST",
success: function (data) {
// Success code here
},
error: function (response) {
alert("error");
}
});
}
});
</script>
我的 HTML 是一个标准的<input type="file"/>
,所以我可以附加一个文件并上传,我看到文件通过服务器端代码。 我处理并添加到数据库中,没有问题。
我选择的第一张图片,上传一次。 如果我选择第二张图片并上传,它会执行上传并两次点击 MVC 控制器。 如果我选择第三张图片,上传会发生三次? 它总是命中相同的data.submit()
即发生在console.log("2a")
但我不知道为什么它会多次发生?
我想知道 event.preventDefault() 是否导致了这个问题? 但这对于为什么我得到三个,然后四个,然后是五个控制器动作的帖子没有意义?
有没有其他人遇到过这种情况,如果有,您采取了什么措施来解决它?
提前致谢!
这似乎是一个潜在的插件问题,解决方案是取消绑定并重新绑定点击事件:
由于我不相信似是而非的重复标志会产生最佳解决方案,因此我进行了更深入的挖掘:
也有可能更改事件fileuploadchange
比fileuploadadd
效果更好。 您可以尝试使用{ change: function(){/**/} }
而不是{ add: function(){/**/} }
但这似乎有点模棱两可。
另一篇文章讨论了提交按钮主动提交表单,但这不应该是实现它的正确方法。
默认情况下,在每个输入字段更改事件后,文件输入字段将替换为克隆。 这是 iframe 传输队列所必需的,并允许为相同的文件选择触发更改事件,但可以通过将此选项设置为 false 来禁用(更深入的信息可以在FAQ 中找到)。
将其设置为true
并再次测试。
为什么每次选择后都会克隆和替换文件输入字段?
进行克隆有两个原因:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.