我正在尝试实现从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);
}
}
}