vue flask上传中文名的文件

最新推荐文章于 2025-01-16 10:32:10 发布

whabc100

最新推荐文章于 2025-01-16 10:32:10 发布

阅读量721

点赞数

分类专栏： flask vue

本文链接：https://blog.youkuaiyun.com/u012885320/article/details/109703654

版权

Flask 上传文件中文文件名 axios FormData

关键词由优快云通过智能技术生成

flask 同时被 2 个专栏收录

2 篇文章

订阅专栏

vue

1 篇文章

订阅专栏

该博客探讨了在Flask中处理Requests上传带有中文名称的文件所遇到的挑战，并提供了一个解决方案。通过在前端使用Vue.js将文件名作为额外参数传递，然后在后端的Python Flask应用中接收并利用这个文件名来保存文件，成功解决了这个问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flask上传中文名的文件似乎是flasker的痛点。

如：《python flask使用 secure_filename（）获取中文文件名问题》（https://blog.youkuaiyun.com/qq_36390239/article/details/98847888）

但问题的关键是《Flask下如何处理Requests 上传中文文件名的问题》。

解决方案是传参大法（传文件名）。

upload.vue

<template>
    <input class="file" name="file" type="file" accept="image/png,image/gif,image/jpeg" @change="update"/>
</template>

<script>
  import axios from 'axios'
   export default {
methods: {
      update(e){
        let file = e.target.files[0];
        console.log(file.name)
        let param = new FormData(); //创建form对象
        param.append('file',file);//通过append向form对象添加数据
        //param.append('filename','三丰云.png')
        param.append('filename',file.name)
        console.log(param.get('file')); //FormData私有类对象，访问不到，可以通过get判断值是否传进去
        axios.post('http://127.0.0.1:5000/upload',param,{headers:{'Content-Type':'application/x-www-form-urlencoded' }}, ) //请求头要为表单
          .then(response=>{
            console.log(response.data);
          })
          .catch(function (error) {
            console.log(error);
          })
      }
    }
}
</script>

<style scoped>

</style>

upload.py

from flask import Flask, render_template, request, jsonify
from flask_cors import CORS  #Flask的跨域问题
import os
import json

os.makedirs('./upload',exist_ok=True)#设置在多级目录不存在时自动创建，已经存在也不抛出异常

app = Flask(__name__)
app.config['UPLOAD_FOLDER'] = r"./upload"
CORS(app)                   #Flask的跨域问题

@app.route('/')


@app.route('/upload',methods=["POST"]) # 方法要与前端一致
def upload():
    file_obj = request.files['file']  # Flask中获取文件
    print(request.values.get("filename"))#filename
    filename=request.values.get("filename")
    if file_obj is None:
        # 表示没有发送文件
        return "未上传文件"
    #保存文件
    file_path = os.path.join(app.config['UPLOAD_FOLDER'],filename)
    file_obj.save(file_path)
    return file_path

if __name__ == "__main__":
    app.run()