element-ui中el-upload报错 Uncaught TypeError: Cannot set property ‘status‘ of null

<el-upload
      class="avatar-uploader"
      :class="!isEdit ? 'read-file' : 'editFile'"
      :action="'api/file/upload?_allow_anonymous=true'"
      :on-preview="handlePreview"
      :on-remove="handleRemove"
      :on-success="uploadSuccess"
      :on-error="uploadError"
      multiple
      :limit="limitNumber"
      :on-exceed="handleExceed"
      :before-upload="beforeAvatarUpload"
      :file-list="fileList"
    >
</el-upload>

在使用el-upload中，上传多个文件报错 Uncaught TypeError: Cannot set property 'status' of null

情况多发生为手动修改了 fileList的值。

解决方案：

 beforeAvatarUpload(file) {
      // 判断文件类型
      const isJPG = file.type === "image/jpeg" || file.type === "image/png";
      if (!isJPG) {
        this.$message.error("仅支持图片！上传其他附件，请通过PC端操作!");
        return isJPG;
      }
      
      
      // 手动修改fileList的值，需要在befoupload中添加
      if (!this.fileList) {
        this.fileList = [];
      }
      this.fileList.push(file);
      this.defaultAttachment.attachFile = this.fileList;
    },

最后

以上就是老迟到路灯为你收集整理的element-ui中el-upload报错 Uncaught TypeError: Cannot set property ‘status‘ of null的全部内容，希望文章能够帮你解决element-ui中el-upload报错 Uncaught TypeError: Cannot set property ‘status‘ of null所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。