美文网首页
el-upload上传图片替换地址会闪动上传框

el-upload上传图片替换地址会闪动上传框

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-08-31 12:16 被阅读0次

    通常上传完图片会把本地fileList中的url替换成图片服务器的url,在替换过程中没有唯一标识,则造成了这种闪屏情况。

       handleUploadSuccess(response, file, fileList) {
          if (response.code === 0) {
            /* 服务器的返回file对象 */
            const serveFile = response.data;
            this.fileList.push({
              uid: file.uid, //取出组件生成的uid 解决上传闪动的问题
              url: serveFile.url,
              fileName: serveFile.fileName,
            });
            this.$emit("uploadSuccess", this.fileList);
          } else {
            this.$message.error(response.msg);
          }
        },
    

    二、补充

    处理删除图片的回调时,,可以直赋值
    handleDelete的第二个参数此时的fileList是我们上传成功处理的那个数组----并且帮我们删除过了

      // 删除图片
        handleDelete(file, fileList) {
          /* fileList是我们上传成功处理的那个数组----并且帮我们删除了 */
          this.fileList = fileList;
          this.$emit("delSuccess", fileList);
        },
    

    相关文章

      网友评论

          本文标题:el-upload上传图片替换地址会闪动上传框

          本文链接:https://www.haomeiwen.com/subject/tblzmdtx.html