Question

如何避免文件丢弃Web浏览器上的文件。

我一直在尝试

 window.addEventListener("drop",function(e){
                    e = e || event;
                    e.preventDefault();
                  },false);

但上面的代码无效。

我放在浏览器上的文件仍然是下载弹出窗口。

如果您在文本框中拖动文件，它将显示禁用红色图标，当您在文本框中删除文件时，它什么都不做。我们可以在整个浏览器中实现相同的功能吗？

更新：

使用这一行代码：

$(document).bind('drop dragover', function (e) { e.preventDefault(); });

Answer 1

如果文件被删除到文本框之外，则会在浏览器窗口中打开文件。为避免这种情况，我们可以阻止文件上的“丢弃”事件。

$(document).on('dragenter', function (e) 
{
e.stopPropagation();
e.preventDefault();
});
$(document).on('dragover', function (e) 
{
 e.stopPropagation();
 e.preventDefault();
 obj.css('border', '2px dotted #0B85A1');
});
$(document).on('drop', function (e) 
{
e.stopPropagation();
e.preventDefault();
});

Answer 2

得到了我自己的答案，正在处理一行代码......

$(document).bind('drop dragover', function (e) { e.preventDefault(); });

如何避免文件丢失在浏览器上

2 个答案: