vue3+ts 图片粘贴上传(el-uplod)

1、在确定区域添加 @paste="_handlePaste"方法;

当用户通过浏览器的用户界面发起“粘贴”动作时,将触发 paste 事件。

如果光标处于可编辑的上下文中,事件处理器可以通过调用事件 clipboardData 属性的 getData() 方法来访问剪贴板内容。

<el-form :model="dialogForm" label-width="100px" :rules="rules" ref="dialogFormRef" @paste="_handlePaste">
    <el-form-item label="上传图片" prop="imageList">
        <el-upload
          ref="uploadRef"
          multiple
          name="files"
          v-model:file-list="pictureList"
          :action="uploadAction"
          :headers="uploadHeader"
          list-type="picture-card"
          :on-preview="handlePictureCardPreview"
          :on-success="handlePictureSuccess"
          :on-remove="handleRemove"
        >           
          <