首页 > 移动平台 > 详细

Element+Axios上传图片 OR 文件

时间:2020-02-15 15:04:27      阅读:183      评论:0      收藏:0      [点我收藏+]

Vue template

<el-upload
    class="avatar-uploader"
    action
    name="file"
    :show-file-list="false"
    :http-request="upLoad" 
    > 
        <div class="upload-btn">上传</div> 
</el-upload>

Vue Methods

upLoad(fileObj) {
      uploadImg(fileObj)  // 这里是Axios请求方法
    },  

Axios请求

import request from '@/utils/request' // 实例化 Axios

export function uploadImg(fileObj,modular="") {
    let formData = new FormData();
    formData.set("file", fileObj.file);
    formData.set("modular", modular);
    return request({
      url: '/common/uploadImage',
      headers: {
        "Content-type": "multipart/form-data"
      },
      method: 'post',
      data: formData
    })
}

Element+Axios上传图片 OR 文件

原文:https://www.cnblogs.com/zhonglinke/p/12311998.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!