クリップボードからの角貼り画像

Question

私は、ユーザーがページの息子に画像を貼り付けることができる機能を作成しようとしています。私はそれをサーバーにアップロードして、彼に提示することができます。

私は貼り付けイベントを認識しており、実装しようとしましたが、イベントからクリップボードからデータにアクセスできませんでした。イベントのクリップボードフィールドのファイルまたはアイテム配列が。

<div (paste)="pastePicture($event)" style="height: 300px; width: 300px; background-color:#ccc;"> 
</div> 

    pastePicture(event: ClipboardEvent) { 
console.log(event); } 

https://plnkr.co/edit/QmELBtWJqjAuEwGPiCZh?p=preview

この上の任意の考え：常に空私はCtrl + Vを押すと

ここでコードがですか？

Answer 1

プロパティevent.clipboardDataを使用してイベントからすべてのデータを取得できます。 たとえば、テキストデータを取得するには、 event.clipboardData.getData('text')を呼び出します。 さらに、コンテンツを取得するのに役立つファイル、アイテム、タイプのプロパティもあります。