vue中文件上传

67 阅读1分钟
<input type="file" ref="kIpt" @change="getFiles" v-show="false" :multiple="multiple">
 getFiles(e) {
    console.log('e.target.files', e.target.files[0]);
    const data = Object.assign({}, {
        projectType: 1,
        file: e.target.files[0] //注意需要file对象
    })
    const formData = new FormData()
    Object.keys(data).forEach((key) => {
        formData.append(key, data[key])
    })
    //文件上传的后端接口
    this.uploadFile(formData).then(res => {
        if (res.code == 20000) {
            if (res.data) {
                messageTips("success", "上传成功");
            }
        } else {
            messageTips("error", "上传失败");
        }
    }).catch(err => {
        console.log(">>>ERR", err);
    })
},

请求参数如下,注意file是一个file对象:

image.png