どのようにして画像をWebアプリに貼り付けることができますか?どのソリューションが利用可能ですか? HTML 5キャンバス?
-
29-09-2019 - |
質問
私は現在、非常に裸のBones Webアプリを構築しています。これは、Webを鳴らしてから画像をコピーして、それを私のページに貼り付けることができるという要件がありました。
このタイプの機能が可能であることを知っています - メッセージを書いている間、そしてTumblrに画像をGmailに貼り付けたので(彼らは編集者としてTinymceを使用していると思います)。
長い間検索した後、私はそこにある利用可能な解決策に対する説明の質の低さに悲しんでいます。
これが私が集めたものです:
$(document).bind('paste', function(e){
console.log(e);
})
イベントオブジェクトを検査すると、データはテキストがある場合にのみ含まれているようです(とにかくChromeで)。
IEには、クリップボードの内容にアクセスできるClipboardDataオブジェクトがあることを知っています。
また、Flash、Javaアプレット、HTML 5キャンバスを使用したソリューションの可能性についても聞いたことがありますが、それらのソリューションを説明する良い記事を見つけることができませんでした。
誰もがこれをうまくやって、ベストプラクティスを提案できますか?
解決
クリップボードAPIを使用できます。 http://dev.w3.org/2006/webapi/clipops/clipops.html
または、使用することができます ゼロクリップボード. 。目に見えないフラッシュムービーを使用し、JavaScriptインターフェイスを提供してクリップボードにアクセスします。
他のヒント
これはChromeで正常に機能します。これは、サーバーが関係していない純粋なJavaScriptの画像データの取得をサポートするライブ例です。 http://strd6.com/2011/09/html5-javascript-pasting-image-data-in-chrome/