vue+elementui el-upload上传文件携带参数
2019-04-19 11:00
2126 查看
[code]<el-upload ref="upload" style="display:inline;margin-left:10px;" action="url" :auto-upload="false" :multiple="false" :show-file-list="false" :before-upload="beforeUpload" :on-change="changeFile" accept=".xlsx,.xls" :file-list="fileList"> </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的table行内实现el-upload文件添加/多文件上传
- Vue上传文件:ElementUI中的upload实现
- sau交流学习社区--在element-ui中新建FormData对象组合上传图片和文件的文件对象,同时需要携带其他参数
- vue elementui el-upload组件 input type=file坑重新选择同一文件时不再显示
- elementui el-upload附件上传--上传之前需要修改文件内容
- 使用element UI el-upload组件实现视频文件上传及上传进度显示方法总结
- vue-cli3.0+element-ui上传组件el-upload的使用
- 关于vue+element ui 实现上传文件
- 解决使用elementUI框架el-upload上传组件时session丢失问题
- 在vue项目中使用element-ui的Upload上传组件的示例
- vue使用el-upload上传文件及Feign服务间传递文件的方法
- Element-UI中Upload上传文件前端缓存处理示例
- vue2.0 使用element-ui里的upload组件实现多图上传。采用FORMDATA的方式上传。
- vue+element-ui上传文件
- element-ui中upload组件如何传递文件及其他参数
- element-ui upload组件多文件上传
- Vue上传文件 iview Upload UI 组件上传组件
- 在vue项目中使用element-ui的Upload上传组件
- 使用elementUI的时候,使用Upload 上传的时候,使用 list-type 属性来设置文件列表的样式,before-upload方法失效
- 解决网页异步上传图片时不断更换预览图片时数据库累积文件问题与ajaxUploadFile上传多个参数问题