标签:append end 添加 headers content mda accept art file
axios+FormData文件上传
原理:FormData上传
创建一个FormData对象,将得到的文件流对象放在FormData内,然后使用axios上传
注意:
1.请求头设置
headers: { ‘Content-Type‘: ‘multipart/form-data‘ }
2.FormData对象
无论是用input type=“file”还是一些框架的上传组件,都可以的到一个file文件流,详见代码展示
代码:
我是使用的是iview的Upload组件
<Upload :before-upload="handleUpload"
accept=".rar"
:format="[‘.rar‘]"
:max-size=102400
action="#">
<Button size="small">选择文件</Button>
</Upload>
/* 上传文件 */
export const importFile = data => request({ url: ‘/ktdb/projectAdmission/import‘, method: ‘post‘, headers: { ‘Content-Type‘: ‘multipart/form-data‘ }, data })
handleUpload (file) {
// 创建FormData对象
let param = new FormData()
// 将得到的文件流添加到FormData对象
param.append(‘file‘, file, file.name)
importFile(param).then((res) => {
console.log(res)
}
}
钻研不易,转载请注明出处。。。。。。
标签:append end 添加 headers content mda accept art file
原文地址:https://www.cnblogs.com/s313139232/p/10836832.html