angular - 在 Angular 中从剪贴板粘贴图像不起作用

Question

将图像复制/粘贴到 textaera 时，我试图从 Angular 的 ClipboardEvent 中检索 Files 元素。

使用 (paste)="onPaste($event)"绑定(bind)，在查看控制台时，我只能返回空文件数组:



这是stackblitz example重现问题。

Answer 1

不关心控制台日志。这只是控制台的一个错误。

尝试这个 :

onPaste(e: any ) {
    const items = (e.clipboardData || e.originalEvent.clipboardData).items;
    let blob = null;
    for (const item of items) {
      if (item.type.indexOf('image') === 0) {
        blob = item.getAsFile();
        console.log(blob); // Prints your files
      }
    }
}

Stackblitz 示例: Link

PS:如果您想要粘贴项目的“名称”，则需要征求用户的输入。因为剪贴板 API 不支持它