从文件浏览器和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条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

HTML5剪贴板API:粘贴自定义格式

来自分类Dev

通过单击jQuery DOM使用HTML5剪贴板API复制到剪贴板?

来自分类Dev

在混合应用和浏览器上复制到剪贴板

来自分类Dev

在Safari浏览器中无法复制到剪贴板

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Applescript“粘贴”剪贴板

来自分类Dev

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

来自分类Dev

将复制的文件从剪贴板粘贴到文件系统

来自分类Dev

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

来自分类Dev

使用剪贴板和AbstractAction复制和粘贴JTable

来自分类Dev

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

来自分类Dev

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

来自分类Dev

将文本从剪贴板粘贴到Firefox和Chrome

来自分类Dev

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

来自分类Dev

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

来自分类Dev

Angular html5模式和HAL浏览器

来自分类Dev

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

来自分类Dev

从Chrome浏览器将“可合并的”对象复制到剪贴板的正确方法是什么

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

从剪贴板复制+粘贴DataGridViewSelectedCellCollection

来自分类Dev

剪贴板中的电子粘贴值

来自分类Dev

剪贴板中的角度粘贴

来自分类Dev

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

Related 相关文章

  1. 1

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

  2. 2

    HTML5剪贴板API:粘贴自定义格式

  3. 3

    通过单击jQuery DOM使用HTML5剪贴板API复制到剪贴板?

  4. 4

    在混合应用和浏览器上复制到剪贴板

  5. 5

    在Safari浏览器中无法复制到剪贴板

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

    Applescript“粘贴”剪贴板

  11. 11

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

  12. 12

    将复制的文件从剪贴板粘贴到文件系统

  13. 13

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

  14. 14

    使用剪贴板和AbstractAction复制和粘贴JTable

  15. 15

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

  16. 16

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

  17. 17

    将文本从剪贴板粘贴到Firefox和Chrome

  18. 18

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

  19. 19

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

  20. 20

    Angular html5模式和HAL浏览器

  21. 21

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

  22. 22

    从Chrome浏览器将“可合并的”对象复制到剪贴板的正确方法是什么

  23. 23

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

  24. 24

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

  25. 25

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

  26. 26

    从剪贴板复制+粘贴DataGridViewSelectedCellCollection

  27. 27

    剪贴板中的电子粘贴值

  28. 28

    剪贴板中的角度粘贴

  29. 29

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

热门标签

归档