Jquery HTML5拖放,防止拖放图像时重定向

Jquery HTML5拖放,防止拖放图像时重定向,jquery,html,drag-and-drop,Jquery,Html,Drag And Drop,我在这里使用jQuery文件上传程序: 问题是。我在浏览器窗口1中运行文件上载程序。如果随后打开浏览器窗口2并将图像从窗口2拖到窗口1中,则窗口1将重定向到该图像 当浏览器窗口2将图像拖动到窗口1时,如何防止窗口1重定向?我认为您可以通过以下方式防止图像拖动: $('img').on('dragstart', function(e) { e.preventDefault(); }); 或尝试阻止拖放时的默认行为: $("html").on("dragover", function(e) { e

我在这里使用jQuery文件上传程序:

问题是。我在浏览器窗口1中运行文件上载程序。如果随后打开浏览器窗口2并将图像从窗口2拖到窗口1中,则窗口1将重定向到该图像


当浏览器窗口2将图像拖动到窗口1时,如何防止窗口1重定向?

我认为您可以通过以下方式防止图像拖动:

$('img').on('dragstart', function(e) { e.preventDefault(); });
或尝试阻止拖放时的默认行为:

$("html").on("dragover", function(e) { e.preventDefault();  e.stopPropagation(); });
$("html").on("drop", function(e) { e.preventDefault(); e.stopPropagation(); });

将回调添加到drop目标,如下所示:

$('a')。关于('dragover',函数(e){
e、 预防默认值();
});
$('#a')。关于('drop',函数(e){
e、 预防默认值();

});它在到达drop之前重定向。preventDefault在DragStart上不起作用,请尝试添加
dragover
e.stopPropagation()。我刚在chrome上测试过,对我来说效果很好。