9

標準ルーチンを使用して、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 など) を使用して同じことをしようとすると、結果としてテキスト文字列しか表示されません。元のファイルの代わりに、ファイル パスまたはファイル タイプ アイコン付きの画像を使用できます。

ファイル ブラウザからの貼り付けを適切に処理する方法はありますか?

4

2 に答える 2

3

多分Chromeに問題があるようですか？Safari または Firefox に何も表示されません。http://code.google.com/p/chromium/issues/detail?id=361980

于 2015-04-19T00:31:59.630 に答える