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

Question

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

<input type="file">和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);
});

如果任何浏览器允许这种情况发生,这将是一个主要的安全漏洞.