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

Question

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

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

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

例如，这是修改文件 flask function。

#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 中接收它然后下载它？

任何想法？

Answer 1

您将不得不在单独的导演中临时下载该上传的文件，然后

1. 将该文件的 url 返回到您的 React 前端
2. 创建一个新的 function 以从临时目录中删除该文件

@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)