禁用Dropzone页面刷新

时间:2018-06-26 07:39:32

标签: javascript .net ajax dropzone.js

我已经搜索了几天,发现了多种解决方案,如何在上传后重新加载页面,等等。我的问题是上传后页面会自动重新加载,我不希望这样做。

我不确定这里缺少什么,但这是dropzone主页上的一个非常标准的设置。

SDK

一切都按预期完成。上传文件,显示错误等。

我要解决的唯一问题是,在成功上传后页面会刷新并且我不希望这样做。

我的服务器端总是返回Json,并且任何地方都没有重定向。

成功上传后,我尝试加入提交事件并调用preventDefault以及调用dropzone disable(),但页面仍刷新。

任何建议将不胜感激。

请注意,这是使用.NET上传的。

4 个答案:

答案 0 :(得分:1)

我希望这对可能遇到相同问题的人有所帮助。

在对javascript进行不断更改后,添加/删除了修改事件处理程序和其他函数的事实证明,问题是在Visual Studio中打开了BrowserLink。一旦我关闭BrowserLink,一切似乎都没问题,因此似乎经过200次响应后,browserlink会重新加载页面。

答案 1 :(得分:0)

您是否尝试过在事件中停止传播?连同preventDefault https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

答案 2 :(得分:0)

我参加这个聚会太迟了...但是对我来说,我面临着同样的问题。发布后,我的页面刷新了……问题原来是我用来开始上传的按钮没有type =“ button”,所以最终dropzone发布正在运行,并且按钮运行正常提交表格!

仅当您使用自己的表单作为拖放区时才会发生(这样您也可以发布其他输入)。

答案 3 :(得分:-1)

执行此操作:

const {getRootProps} = useDropzone({noDragEventsBubbling: true});

更多信息here