首页 前端知识 vue使用 el-upload 上传文件附加参数

vue使用 el-upload 上传文件附加参数

2024-06-20 00:06:27 前端知识 前端哥 513 61 我要收藏

<el-button style=“margin-left: 10px;” size=“small” type=“success” @click=“submitUpload”>上传到服务器

只能上传xlsx模板文件,且不超过500kb

JS代码:

submitUpload() {

// this.$refs.upload.submit(); // 原始提交事件

for (let i = 0; i < this.fileList.length; i ) {

let fd = new FormData()

fd.append(‘name’, ‘文件名字’)

fd.append(‘type’, ‘类型一’)

fd.append(‘file’, this.fileList[i].raw)

this.upDataFile(fd);

}

},

// 上传文件

upDataFile(fileData) {

this.$http({

url: /mouldApi/mould/importOne,

method: ‘post’,

data: fileData,

headers: {

‘Content-Type’: ‘multipart/form-data’

}

}).then(({ data }) => {

if (data.message) {

this.$message({

message: data.message,

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12913.html
标签
评论
发布的文章

jQuery实现简单抽奖大转盘

2024-07-01 23:07:44

jQuery思维导图

2024-07-01 23:07:43

在jQuery中添加表格行

2024-07-01 23:07:36

jquery数据类型转换

2024-07-01 23:07:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!