来自剪贴板

时间:2017-11-06 11:36:32

标签: javascript angular typescript

我试图创建一个功能,用户可以在页面上粘贴图片,我可以将其上传到服务器并显示给用户。

我知道粘贴事件,并试图从那里实现但是还没有能够从事件中从剪贴板访问任何数据,无论是来自剪贴板字段的文件或项目数组按ctrl + v。

时,事件总是空的

这里是代码:

    <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

对此有何想法?

1 个答案:

答案 0 :(得分:0)

您可以使用属性documents从事件中获取所有数据。 例如,要获取文本数据,您可以调用: event.clipboardData。 您还可以找到属性:文件,项目和类型,它们可以帮助您获得更多内容。