Angular 7-复制和粘贴多个SVG图像

时间:2019-05-22 07:22:57

标签: html typescript angular7 adobe-illustrator

我正在尝试实现从Adobe illustrator复制多个图像并将其粘贴到网页中以进行上传。我可以为单个图像实现相同的功能,但是当我复制多个图像时,所有图像一起充当单个图像。 下面是代码

<mat-card class="imageUpload" (paste)=handlePaste($event)></mat-card>

handlePaste(event: any) {
    const items = (event.clipboardData || 
event.originalEvent.clipboardData).items;
    let blob = null;
    for (const item of items) {
        if (item.type.indexOf('image') === 0) {
          blob = item.getAsFile();
            const reader = new FileReader();
            reader.onload = (evt: any) => {
              this.onUpload("blob.name", evt.target.result);
            };
        reader.readAsDataURL(blob);
        }
    }
  }

0 个答案:

没有答案