vue中图片上传接口联调问题

weixin_42554311

于 2019-07-31 13:38:11 发布

阅读量809

点赞数

分类专栏： FQ

本文链接：https://blog.csdn.net/weixin_42554311/article/details/97910160

版权

在Vue项目中进行图片上传接口联调时，遇到关键问题：若后台修改上传文件的名称为'file'，会导致上传失败。确保原始文件名不变以确保上传成功。

摘要由CSDN通过智能技术生成

<template>
          <el-form-item label="封面图">
            <el-upload
              class="avatar-uploader"
              action="http://主机:8080/file/upfile"
              :show-file-list="false"
              :on-success="handleAvatarSuccess"
              :before-upload="beforeAvatarUpload"
            >
              <img v-if="defaultCoverImage" :src="defaultCoverImage" class="avatar" />
              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </el-form-item>
</template>
<script>
  export default {
       data(){
           return{
             defaultCoverImage: "", //业务需求需要多定义一个defaultCoverImage
             form: { defaultCoverImage: "", //默认封面图}
        },
        methods(){
    // 封面图上传成功执行的方法
    handleAvatarSuc