相关疑难解决方法(0)

Ajax使用Axios从表单发布文件

当我使用以下内容将文件发布到烧瓶服务器时使用原始.html我可以访问烧瓶请求全局中的文件:

<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>
Run Code Online (Sandbox Code Playgroud)

在烧瓶中:

def post(self):
    if 'file' in request.files:
        ....
Run Code Online (Sandbox Code Playgroud)

当我尝试对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'
        }
    })
}
Run Code Online (Sandbox Code Playgroud)

如果我使用上面的相同uploadFile函数但是从axios.post方法中删除了头json,我在我的flask请求对象的表单键中获得了一个字符串值的csv列表(文件是.csv).如何获取通过axios发送的文件对象?

javascript ajax file-upload axios

85
推荐指数
6
解决办法
12万
查看次数

标签 统计

ajax ×1

axios ×1

file-upload ×1

javascript ×1