Vue:
<el-upload
class="upload-demo"
drag
:http-request="uploadFile" //函数名
action="String"
multiple>
<i class="el-icon-upload"></i>
<div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
</el-upload>
js:
upload(params){
const file = params.file
var formdata = new FormData()
upload(formdata).then(response => {
const data = response.data
if(data.code === 0){
this.$notify({
title: '成功'
message: '上传成功'
type: 'success'
duration:2000 //提示框展示时间(毫秒)
} else {
this.$notify({
title: '失败'
message: data.msg
type: 'error'
duration:2000 //提示框展示时间(毫秒)
}
})
}
request.js:
export function upload(data){
return request({
url: '/../..',
method: 'post',
data: data
})
}
其中出现的问题:
the current request is not a multipart request
后端无法解析传过去的文件流格式,说明前端传过去的文件格式不对,网上有说修改请求头:"content-type"="multipart/form-data",但是加上之后会出现这个问题:no multipart boundary was found,解释参考:https://blog.csdn.net/sanjay_f/article/details/47407063