tuuli241 2023-02-07 00:50 采纳率: 100%
浏览 171
已结题

el-upload回显,不修改提交不了

el-upload回显图片后修改图片,已经设置了:file-list属性,能成功回显,问题是如果图片不做修改直接提交,那么原来的图片无法上传到后端,经调试发现是根本没有调用el-upload的上传函数,修改图片后再提交后端就能正常接收。
那如果修改时图片没有被更改,直接提交的话,怎么才能把原来的图片提交上去。

el-upload部分的代码

 <el-form-item label="题目图片:" prop="picture">
                <el-upload
                        action
                        ref="imgForm"
                        :multiple="false"
                        list-type="picture-card"
                        :class="{hide:hideUpload}"
                        name="file"
                        :on-preview="handlePreview"
                        :on-remove="remove"
                        :on-change="uploadChange"
                        :before-upload="beforeUpload"
                        :http-request="upLoadFile"
                        :auto-upload="false"
                        :file-list="headFileList"
                >
                    <i class="el-icon-plus">
                </el-upload>
            </el-form-item>

修改时回显数据的代码

 this.ruleForm = res.data;
 if (res.data.picture) {
    this.headFileList = [];
    this.headFileList.push({url: "../../questionsImages/" + res.data.picture})
    this.hideUpload = this.headFileList.length >= this.limitCount;
}

点击提交按钮时调用图片的提交方法 this.$refs.imgForm.submit();

图片的提交方法

upLoadFile(file) {
                this.formData.append('file', file.file);
            },
  • 写回答

3条回答 默认 最新

  • 皮皮平 2023-02-07 14:50
    关注

    已经上传过了,后端一般返回已经存储过的地址http或https开头,所以没有修改的应该不用重新上传了才对,而是返回给后端http地址图片,或者图片id给后端判断

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 2月15日
  • 已采纳回答 2月7日
  • 创建了问题 2月7日

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵