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

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条回答 默认 最新

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

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

      悬赏问题

      • ¥20 想问问RequestMapping能找到controller,但controller中的方法却不起作用
      • ¥15 计算机组成原理设计八位理论计算机整机系统
      • ¥15 把这个迷宫问题代码修改一下
      • ¥15 工具变量 时间序列相关问题
      • ¥15 正弦波的峰值查找算法
      • ¥15 关于lwip的pbuf数据提取问题
      • ¥50 请求关于BBS数据集的资源分享
      • ¥15 设计一份接口自动化测试报告
      • ¥15 手机安装kali后ifconfig 提示错误
      • ¥15 用C++求矩阵的特征值