如何在HTML5中读取粘贴事件上的文件

在HTML5中，我们知道我们可以使用预定义的API读取文件。 截至目前我已经尝试过了

和File Drop方法。 他们对我很好。

但是我想知道在div上粘贴文件并在粘贴时捕获文件的可能性。 例如

  $('#dummyDIV').bind('paste',function() { // Like var file = files[0] }); 

谢谢

Answer 1

您只能读取粘贴文件的文件名。

http://jsfiddle.net/vdNFR/

 $('body').bind('paste', function(a, b, c) { console.log(a.originalEvent.clipboardData); console.log(a.originalEvent.clipboardData.getData('File')); console.log(a.originalEvent.clipboardData.getData('Text')); if (a.originalEvent.clipboardData.files[0]) console.log(a.originalEvent.clipboardData.files[0].getAsFile()); if (a.originalEvent.clipboardData.items[0]) console.log(a.originalEvent.clipboardData.items[0].getAsFile()); console.log(a, b, c); }); 

如果任何浏览器允许这种情况发生，那将是一个重大的安全漏洞。