【问题标题】:How to send a pdf file from Flask to ReactJS如何将 pdf 文件从 Flask 发送到 ReactJS
【发布时间】:2022-01-04 16:23:48
【问题描述】:

如何将文件从 Flask 发送到 ReactJS?

我已经在前端编写了代码,用户上传一个文件,然后该文件进入 Flask 服务器,然后在 Flask 服务器中修改文件,但我被困在那里......

下一步是我想发送烧瓶服务器中的“修改文件”并在前端 ReactJS 中接收它,以便用户可以下载“修改文件”

例如这是修改文件flask函数。

#modify the file
@app.route("/convertor", methods=['POST'])
def convertor():
    files = request.files
    #file = files.get('file').read()
    file_name = files.get('file')

    print(file_name.filename)

    # Convert img to pdf
    img1 = Image.open(file_name)
    img = img1.convert('RGB')
    img.save(os.path.abspath(f'Backend/{file_name.filename}.pdf'))

我知道它需要返回一些东西,我如何返回文件并在 ReactJS 中接收它然后下载它?

有什么想法吗?

【问题讨论】:

  • 您可以将 url 返回到文件并在反应中创建一个函数来下载它

标签: javascript python reactjs flask


【解决方案1】:

您必须在单独的导演中临时下载该上传的文件,然后

  1. 将该文件的 url 返回到您的 React 前端
  2. 创建一个新函数以从临时目录中删除该文件
@app.route("/remove_file/<file_id>", methods=['DELETE'])
def remove_file(file_id):
    if (os.path.isFile('your_temp_directory/' + file_id)):
       os.remove('your_temp_directory/' + file_id)

编辑: 您可以使用Wget python 包从上传的文件内容中下载

wget [options eg. multiple files, download speed etc.] -0 dir/path file_url

【讨论】:

  • 等等,我怎样才能将文件上传到单独的目录,你能用那个修改你的答案吗?
  • 抱歉回复晚了,我的时区是 kina meh,我更新了答案试试看
猜你喜欢
  • 2019-10-21
  • 2021-12-27
  • 2014-08-24
  • 2018-08-14
  • 1970-01-01
  • 2021-11-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多