javascript - 通过 HTML 文件输入删除文件的功能检测

Question

我们能否检测浏览器是否支持通过 <input type="file" /> 删除文件？ ？

例如，这在 Chrome 中是可能的，但在 IE8 中是不可能的。

Modernizr.draganddrop有可能，但这是正确的选择吗？我没有添加任何自定义拖放事件处理程序。

更新

为了验证 Joe 的回答，这里有一个应该停止文件删除的 jQuery 示例。在 Chrome 和 Firefox 中验证。

$yourFileInput.on('drop', function() {
    return false; // if Joe's explanation was right, file will not be dropped
});

Answer 1

我认为 Detecting support for a given JavaScript event? 的答案可能会帮助你。调整代码以针对 Input 而不是 Div 进行测试，并且测试“Drop”事件对我来说似乎工作正常。

转载于此免点击(稍作调整，看来只需要检测这一项):

function isEventSupported(eventName) {
  var el = document.createElement('input');
  eventName = 'on' + eventName;
  var isSupported = (eventName in el);
  if (!isSupported) {
    el.setAttribute(eventName, 'return;');
    isSupported = typeof el[eventName] == 'function';
  }
  el = null;
  return isSupported;
}
if(isEventSupported('drop')){
  //Browser supports dropping a file onto Input
} else {
  //Fall back, men!
}