从Angular中的剪贴板粘贴图像不起作用

Question

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

使用（paste）=“ onPaste（$ event）”绑定，当看向控制台时，我只会得到空文件数组：

这里是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不支持