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

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 有人能看一下我宿舍管理系统的报修功能该怎么改啊?链表那里总是越界
  • ¥15 cs loadimage运行不了,easyx也下了,没有用
  • ¥15 r包runway详细安装教程
  • ¥15 Html中读取Json文件中数据并制作表格
  • ¥15 谁有RH342练习环境
  • ¥15 STM32F407 DMA中断问题
  • ¥15 uniapp连接阿里云无法发布消息和订阅
  • ¥25 麦当劳点餐系统代码纠错
  • ¥15 轮班监督委员会问题。
  • ¥20 关于变压器的具体案例分析