- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我正在使用 jQuery 文件上传将图像异步上传到 .NET MVC Controller 。我有以下运行的脚本
<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 Controller 两次。如果我选择第三张图片,上传会发生三次?它总是打相同的data.submit()
即出现在 console.log("2a")
的那个但我不明白为什么它会发生多次?
我想知道 event.preventDefault() 是否会导致此事件触发?但这对于为什么我在 Controller 操作中收到三个、然后四个、然后五个帖子是没有意义的?
还有其他人遇到过这个问题吗?如果有,您采取了什么措施来解决这个问题?
提前致谢!
最佳答案
这似乎是一个潜在的插件问题,解决方案是取消绑定(bind)并重新绑定(bind)点击事件:
由于我不相信合理的重复标志会产生最佳解决方案,因此我进行了更深入的研究:
更改事件 fileuploadchange
也可能比 fileuploadadd
效果更好。您可以尝试使用 { change: function(){/**/} }
而不是 { add: function(){/**/} }
但似乎有点暧昧。
另一个post讨论了提交按钮主动提交表单,但这不应该是实现它的正确方法。
<小时/>默认情况下,每次输入字段更改事件后,文件输入字段都会替换为克隆。这是 iframe 传输队列所必需的,并允许为同一文件选择触发更改事件,但可以通过将此选项设置为 false 来禁用(更深入的信息可以在 FAQ 中找到)。
将其设置为true
并再次测试。
为什么每次选择后都会克隆并替换文件输入字段?
进行克隆有两个原因:
关于javascript - jQuery 文件上传 - 单次上传多次发送数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41768242/
我有以下正则表达式 /[a-zA-Z0-9_-]/ 当字符串只包含从 a 到z 大小写、数字、_ 和 -。 我的代码有什么问题? 能否请您向我提供一个简短的解释和有关如何修复它的代码示例? //var
我是一名优秀的程序员,十分优秀!