将图像 (ctrl+v) 粘贴到 ngx-dropzone答案

【问题标题】：paste an image (ctrl+v) to ngx-dropzone将图像 (ctrl+v) 粘贴到 ngx-dropzone
【发布时间】：2020-12-14 05:12:24
【问题描述】：

是否可以将图像粘贴到 ngx-dropzone 角度模块的拖放区？

我可以以某种方式添加(paste) 事件吗？

ngx-dropzone


        <div class="custom-dropzone" ngx-dropzone [accept]="'image/*'" (change)="onSelect($event)">
            <ngx-dropzone-label>
                <div>
                    <h2>Drop image here</h2>
                </div>
            </ngx-dropzone-label>
            <ngx-dropzone-image-preview ngProjectAs="ngx-dropzone-preview" *ngFor="let f of files" [file]="f" [removable]="true" (removed)="onRemove(f)">
                <ngx-dropzone-label>{{ f.name }} ({{ f.type }})</ngx-dropzone-label>
            </ngx-dropzone-image-preview>
        </div>

【问题讨论】：

标签： node.js angular image-upload

【解决方案1】：

找到了粘贴事件的方法：

  onPaste(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();
      }
    }
    this.files.push(blob); // insert to ngx-drop files array

【讨论】：