VUE--ElementUI--文件上传(四)

一、文件上传

1. 基本页面

2. 自定义上传
   页面添加:http-reques属性：
   action属性必须存在，可以为空值。

 action
 :http-request="fileUpload"

JS调用：

// 一定要添加file默认参数
    fileUpload(file) {
      fileUpload(file).then(res => {
        console.log(res)
      });
    }

API调用：

/**
 * 自定义上传
 * @param {*} fileobj 
 */
export function fileUpload(fileobj){
    let param = new FormData();
    // 上传文件对象 名称file与后台控制器参数要一致
    param.append('file',fileobj.file);
    return request({
        method: 'post',
        // 上传地址
        url: '/goods-service/goods/sku/file',
        // 定义上传头
        headers: {'Content-Type':'multipart/form-data'},
        data: param
      });
}