python flask html互相传递参数

【功能一】py向html传参数，使用flask.render_template

.py文件中使用flask接口返回带参数的html页面，传递参数给html。html中变量的使用需要加双大括号：{{var_name}}

.py文件

import os
from flask import Flask, render_template, request# 设置了静态目录为./upload_pics，方便传递参数给html文件之后，显示图片
# 假设上述目录下有一张123.jpg图片文件
# 本例为了演示和方便理解，略去了传图片时的校验代码app = Flask(__name__, static_folder='./upload_pics')UPLOAD_FOLDER = 'upload_pics'
app.config['UPLOAD_FOLDER'] = UPLOAD_FOLDER  # 设置文件上传的目标文件夹basedir = os.path.abspath(os.path.dirname(__file__))  # 获取当前项目的绝对路径@app.route('/api/upload', methods=['POST'], strict_slashes=False)
def api_upload():file_dir = os.path.join(basedir, app.config['UPLOAD_FOLDER'])  # 拼接成合法文件夹地址file_name= '123.jpg'f.save(os.path.join(file_dir, file_name))  #保存文件到upload目录return render_template('upload_ok.html', fname = file_name) # 向html文件以变量名fname传递参数，值为file_name对应的'123.jpg'。此处可以传递多个参数，参考附件链接# 传递多个参数示例 return render_template('upload_ok.html', fname = file_name, var1='aaa', var2='bbb')

upload_ok.html文件

上传成功！下面依次是文件名和显示上传的这张图片
{{fname}}

参考：https://blog.csdn.net/weixin_36380516/article/details/80008389

【功能二】html向py传参数（网页向接口传值）

html文件里面：点击按钮，用form表单发送dict类型数据，python文件中使用flask定义了接口，并使用flask.request接收。

html文件向py文件发送的数据为：ImmutableMultiDict([('file_path', '1558418802.jpg')])

.html文件

    {fname}} = 1558418802.jpg-->
{fname}}>

.py文件

from flask import request@app.route('/api/start', methods=['POST'], strict_slashes=False)
def api_predict():CLASSIFY_REST_API_URL = 'http://xxx.xxx.xxx.xxx:5000/predict'headers = {'Content-Type': 'application/json'}fname = request.form['file_path']

参考：https://blog.csdn.net/MooKee_cc/article/details/52947332

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！