jquery – 如何在HTML5中阅读粘贴事件的文件

前端之家收集整理的这篇文章主要介绍了jquery – 如何在HTML5中阅读粘贴事件的文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在HTML5中,我们知道我们可以使用预定义的API来读取文件。到目前为止我已经尝试过了

< input type =“file”>和File Drop方法。他们对我来说很好。

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

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

谢谢

解决方法

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

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,c);
});

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

猜你在找的jQuery相关文章