vue+element 上传图片

xniYa!

已于 2022-08-10 10:20:25 修改

阅读量274

点赞数

分类专栏： element 文章标签： vue.js elementui javascript

于 2022-08-09 14:29:38 首次发布

本文链接：https://blog.csdn.net/qq_52134424/article/details/126246422

版权

element 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<el-upload
  class="avatar-uploader"
  action="/"
  :show-file-list="false"
  :http-request="addFileToFormData"
  >
   <img v-if="imageUrl" :src="imageUrl" class="avatar" />
   <i v-else class="el-icon-plus avatar-uploader-icon"></i>
 </el-upload>

 // 上传图片
    addFileToFormData(v) {
      let formdata = new FormData();
      formdata.append("file", v.file);
      getUpload(formdata).then((res) => {
        var data1 = JSON.stringify(res.data.data);
        var data = this.jsdata;
        data = {
          data: data,
          name: name,
          url: data1,
        };
        console.log(data);
      });
    },