1）flask

可参考img标签的三种展示方式

1)标准写法

@app.route('/<img_id>')
def capt(img_id):# 生成图片验证码text, image = captcha.generate_captcha()rsp = make_response(image)rsp.mimetype = 'image/jpg'return rsp

<img src="{{ img_id }}" alt="图形验证码" class="pic_code">

1)简单写法

@app.route('/<img_id>')
def capt(img_id):# 生成图片验证码text, image = captcha.generate_captcha() # image是图片二进制文件return image {'Content-Type':'image/png; charset=utf-8'}

<img src="{{ img_id }}" alt="图形验证码" class="pic_code">

2）requests

1.content二进制直接保存
r = requests.get(‘https://127.0.0.1’)
with open(filename, ‘wb’) as fd:
fd.write(r.content)

2.raw+stream流分片保存

response.raw获得字节(和content相似,应该是将ascii码也用十六进制表示的意思),原始套接字,要打开stream参数

r = requests.get('https://127.0.0.1', stream=True)
r.raw
r.raw.read(10)

一般使用以下形式保存

with open(filename, 'wb') as fd:for chunk in r.iter_content(chunk_size=128):fd.write(chunk)

3）前端

1.通过静态文件加载

<img src="./test.png">

2.通过字节传递二进制图片文件

from jinja2 import Template,FileSystemLoader,Environment
env = Environment(loader=FileSystemLoader("./"))
template = env.get_template("./test.html")import matplotlib.pyplot as plt
x = [1,2,3]
y = [1,2,3]
plt.plot(x,y)
from io import BytesIO
buf = BytesIO()  #另一种写入BytesIO的方法
plt.savefig(buf,format='png') #另一种写入BytesIO的方法
import base64
data = base64.b64encode(buf.getvalue()).decode()
data = "data:image/png;base64," + data
temp_render = template.render(name=data)
print(temp_render)

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><img src="{{ name }}"></body>
</html>

3.通过get请求
img标签中的src属性本质是向服务器发送一个get请求

@app.route('/<img_id>')
def capt(img_id):# 生成图片验证码text, image = captcha.generate_captcha()rsp = make_response(image)rsp.mimetype = 'image/jpg'return rsp

<img src="{{ img_id }}" alt="图形验证码" class="pic_code">

flask-前端-requests之response对应关系 img相关推荐

flask-前端-requests之response对应关系 text
1)flask render_template本质是返回字符串,会自动设置Content-Type: text/html 1.标准写法 @app.route("/") def in ...
flask-前端-requests之response对应关系 json
1)flask 会自动设置Content-Type: 1.标准写法 @app.route("/") def index():dic = {"name":&quo ...
[py]access日志入mysql-通过flask前端展示
目录 pymysql组装sql入库日志代码组织将入库的日志通过flask前端展示 pymysql组装sql入库日志 pymysql模块的用法采集这些指标(metirc)都是linux环境,会用到 ...
一篇总览前端和后端工具对应关系
一篇总览前端和后端工具对应关系 2.概述有时候过一段时间不接触前端开发,就会忘记一些东西.在学习时候没有一个全局总览的概念,只能每块知识点全部复习一遍才能在大脑形成全局概念,就像是盲人摸象.如果在开 ...
python商品评论数据采集与分析可视化系统 Flask框架 requests爬虫 NLP情感分析毕业设计源码
一.项目介绍 python商品评论数据采集与分析可视化系统 Flask框架.MySQL数据库. requests爬虫.可抓取指定商品评论.Echarts可视化.评论多维度分析.NLP情感分析.LDA主 ...
【错误记录】python requests库 Response 判断坑
在requests访问之后, 我直接判断resp的值, 如下: if resp:do something 发现当Response 为500的时候没有进入if分支, 检查源码,发现Response重写了 ...
ajax jinja,在Flask中根据ajax response呈现Jinja模板
这是我第一次潜入Flask+Jinja,但我以前用过很多把手,所以我知道这是可能的,但我不知道如何用Flask完成这个任务: 我正在构建一个应用程序:用户输入一个字符串,这个字符串通过python脚本 ...
requests的response.text 与 response.content
在某些情况下来说,response.text 与 response.content 都是来获取response中的数据信息,效果看起来差不多.那么response.text 和 response.co ...
python的flask前端显示图片_python Flask中返回图片流给前端展示
python Flask中返回图片流给前端展示 image DHogan 2017-05-16 14:50:48 image 20440 image 收藏 12 版权场景需求:需要在Flask服务器 ...

flask-前端-requests之response对应关系 img

1）flask

2）requests

3）前端

flask-前端-requests之response对应关系 img相关推荐

最新文章

热门文章