使用原始 HTML,当我使用以下命令将文件发布到 Flask 服务器时,我可以从 Flask 请求全局访问文件:
<form id="uploadForm" action='upload_file' role="form" method="post" enctype=multipart/form-data>
<input type="file" id="file" name="file">
<input type=submit value=Upload>
</form>
在烧瓶中:
def post(self):
if 'file' in request.files:
....
当我尝试对 Axios 执行相同操作时,烧瓶请求全局为空:
<form id="uploadForm" enctype="multipart/form-data" v-on:change="uploadFile">
<input type="file" id="file" name="file">
</form>
uploadFile: function (event) {
const file = event.target.files[0]
axios.post('upload_file', file, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
}
如果我使用上面相同的 uploadFile 函数,但从 axios.post 方法中删除 headers json,我会在 Flask 请求对象的表单键中得到一个 csv 字符串值列表(文件是 .csv)。
如何获取通过 axios 发送的文件对象?
将文件添加到formData
对象,并设置Content-Type
标头至multipart/form-data
.
var formData = new FormData();
var imagefile = document.querySelector('#file');
formData.append("image", imagefile.files[0]);
axios.post('upload_file', formData, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)