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

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 系统 24h2 专业工作站版,浏览文件夹的图库,视频,图片之类的怎样删除?
  • ¥15 怎么把512还原为520格式
  • ¥15 MATLAB的动态模态分解出现错误,以CFX非定常模拟结果为快照
  • ¥15 求高通平台Softsim调试经验
  • ¥15 canal如何实现将mysql多张表(月表)采集入库到目标表中(一张表)?
  • ¥15 wpf ScrollViewer实现冻结左侧宽度w范围内的视图
  • ¥15 栅极驱动低侧烧毁MOSFET
  • ¥30 写segy数据时出错3
  • ¥100 linux下qt运行QCefView demo报错
  • ¥50 F1C100S下的红外解码IR_RX驱动问题