从文件浏览器和HTML5剪贴板API粘贴

尼基塔·巴克萨利亚(NikitaBaksalyar)

我正在尝试使用标准例程将图像粘贴功能添加到我的Web应用程序:

$('textarea').on('paste', function (ev) {
    var clipboardData = ev.originalEvent.clipboardData;

    $.each(clipboardData.items, function (i, item) {
        if (item.type.indexOf("image") !== -1) {
            var reader = new FileReader();

            reader.readAsDataURL(item.getAsFile());
            reader.addEventListener('loadend', ...);
            ...
        }
    });
});

完整的示例可以在这里找到:http : //jsfiddle.net/t8t2zj6k/

当我从图像查看器软件复制并粘贴图像时,它可以正常工作,但是当我尝试使用文件浏览器(例如Mac上的Finder或Linux上的Nautilus)执行相同的操作时,结果只有一个文本字符串文件路径,甚至是带有文件类型图标的图像,而不是原始文件。

有什么方法可以正确处理文件浏览器中的粘贴吗?

勒米厄斯特

似乎是Chrome的问题?我在Safari或Firefox中看不到任何内容。http://code.google.com/p/chromium/issues/detail?id=361980

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在浏览器中粘贴事件之外的剪贴板中读取文件

将本机HTML粘贴到浏览器剪贴板

JavaScript在粘贴事件中获取剪贴板数据(跨浏览器)

HTML将剪贴板图像粘贴到文件输入

如何将文本复制到剪贴板-跨浏览器

复制到剪贴板在 VueJS 中的 Chrome 浏览器上不起作用

使用ReactJS将活动浏览器的URL复制到剪贴板

Ctrl + Shift + N启动默认浏览器,并将剪贴板上的文本作为url

在浏览器 JavaScript 中,将 csv 文本写入剪贴板时收到错误消息

Microsoft Edge浏览器如何读取剪贴板数据

当浏览器不集中时从网站复制到剪贴板

Applescript“粘贴”剪贴板

如何使用VNC在Windows剪贴板和OpenSuse剪贴板之间复制/粘贴数据?

同上剪贴板管理器,用于多个复制和粘贴

用于在命令行中复制和粘贴文件的剪贴板吗?

在tmux和剪贴板之间复制/粘贴文本选择

解决多重复制和粘贴剪贴板的问题

使用剪贴板管理器中的粘贴功能,同时使用文件管理器重命名文件内联

浏览器扩展程序/附加组件,用于将标题复制到剪贴板

单击Chrome扩展程序的浏览器操作时,将文本复制到剪贴板

不使用Flash将选定的文本复制到剪贴板中-必须是跨浏览器

我可以将剪贴板内容通过管道传输到浏览器进行查看吗?

从剪贴板复制并粘贴到URxvt

从剪贴板粘贴对象时出错

剪贴板中的电子粘贴值

从Android中的剪贴板粘贴

在 Vim 中努力粘贴剪贴板

仅粘贴剪贴板中的数字

如何从剪贴板粘贴到纳米?