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

Question

我正在尝试使用标准例程向我的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)做同样的事情时,我只得到一个文本字符串使用文件路径甚至是带有文件类型图标的图像而不是原始文件.

有没有办法正确处理文件浏览器中的粘贴？

Answer 1

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