jquery - 如何在 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);
});

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