如果没有文件输入,则禁用文件拖放

Question

我认为解决这个问题的方法是盯着我,但我似乎无法找到它.

所以,我正在创建一个具有小文件上传部分的网站.上传部分可以为不同的设备和设备方向(即iPhone,iPad,纵向和横向)上传图像.我可以很容易地弄清楚如何在各个设备图标上实现拖放,但如果用户错过掉落区域,浏览器将只导航到他们系统上的该图像.如果没有文件输入类型来接收拖动的文件,如何禁用拖放？

Answer 1

本文档(jQuery文件上传插件的文档)显示了如何禁用浏览器的默认操作:https: //github.com/blueimp/jQuery-File-Upload/wiki/Drop-zone-effects

引用文件:

如果要允许特定的放置区域但禁用文档中文件放置的默认浏览器操作,请添加以下JavaScript代码:

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

请注意,要禁用默认浏览器放置操作,需要阻止"drop"和"dragover"事件的默认操作.