5

私は現在、非常に必要最小限の Web アプリを構築しています。これには、Web をブラウジングしながら画像をコピーし、それを自分のページに貼り付けることができるという要件がありました。

このタイプの機能が可能であることはわかっています。メッセージを書いているときに画像を gmail に貼り付けたり、Tumblr に貼り付けたりしたことがあります (エディターとして TinyMCE を使用していると思います)。

長い間検索した後、利用可能なソリューションの説明の質が低いことに悲しんでいます。

これは私が集めたものです：

$(document).bind('paste', function(e){
console.log(e);
})

イベントオブジェクトを調べると、テキストがある場合にのみデータが含まれているようです（とにかくChromeで）。

IE には、クリップボードの内容にアクセスできる clipboardData オブジェクトがあることを認識しています。

また、Flash、Java アプレット、および HTML 5 Canvas を使用した解決策についても聞いたことがありますが、それらの解決策を説明する適切な記事をまだ見つけることができませんでした。

誰でもこれを成功させ、ベストプラクティスを提案できますか?

4

2 に答える 2

5

これは Chrome で問題なく動作します。サーバーを使用せずに純粋なJavaScriptで画像データを取得することをサポートする実際の例を次に示します。

于 2011-09-21T08:45:48.630 に答える
1

クリップボード API を使用できます: http://dev.w3.org/2006/webapi/clipops/clipops.html

または、 Zero ClipBoardを使用することもできます。目に見えない Flash ムービーを使用し、クリップボードにアクセスするための JavaScript インターフェイスを提供します。

于 2010-11-28T20:32:01.907 に答える