来自剪贴板

Question

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

我知道粘贴事件，并试图从那里实现但是还没有能够从事件中从剪贴板访问任何数据，无论是来自剪贴板字段的文件或项目数组按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

对此有何想法？

Answer 1

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