vue+elementui|vue+elementui el-upload上传文件携带参数
export function parsingExcelAddData (data, setId) {
return fetch({
url: '',
method: 'post',// 方式一定是post
headers: {
'Content-Type': 'multipart/form-data',
'setId': setId//放到formData里后端拿不到,所以放到请求头里了
},
data: data// 参数需要是单一的formData形式
})
}
beforeUpload(file) {
let filename = file.name
let arr = filename.split('.')
if (arr[1] !== 'xls' && arr[1] !== 'xlsx') {
this.$message.error('上传文件只能是 excel/xls 格式!')
return false
}
return arr
},
changeFile(file,fileList) {
let fd = new FormData();
fd.append('file',file.raw);
//传文件
let self = this
parsingExcelAddData(fd,this.dataObj.setId).then(function(res){
if (res.data.success) {
self.$message({
type: 'success',
message: '上传成功'
})
self.currentNodeData(self.dataObj.setId)//此方法是重新刷数据,可以自己写
} else {
self.$message({
type: 'warning',
message: res.data.msg
})
return false
}
})
}
【vue+elementui|vue+elementui el-upload上传文件携带参数】
推荐阅读
- iview|iview upload 动态改变上传参数
- Spring|Spring Cloud Feign实现文件上传下载的示例代码
- 文件上传与Koa2
- thinkphp3.2下实现阿里云视频点播实例(客户端JavaScript上传)
- 微信小程序上传图片的方法
- 命令行上传小程序版本至微信后台
- 如何将图片上传到七牛云平台()
- iOS|iOS 高效开发必备技巧之自动化打包(shell xcode11 上传App Store 蒲公英等平台)
- Git上传至GitHub
- eclipse上传项目到github操作步骤