前端接收图片流并展示图片

1. 请求方法加上responseType:‘blob’

在这里插入图片描述

2. 将图片流转成blob格式,通过window.URL.createObjectURL方法获取图片路径并展示

在这里插入图片描述

  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Flask中生成大量图片并将它们转换为图像,您可以使用Python Imaging Library(PIL)或OpenCV等图像处理库。以下是一个示例代码: ```python from flask import Flask, Response, render_template from PIL import Image import io app = Flask(__name__) @app.route('/') def index(): # 生成10张图片 images = [] for i in range(10): img = Image.new('RGB', (100, 100), color=(i*25, 0, 0)) images.append(img) return render_template('index.html', images=images) @app.route('/image_stream/<int:index>') def image_stream(index): img = Image.new('RGB', (100, 100), color=(index*25, 0, 0)) img_io = io.BytesIO() img.save(img_io, 'JPEG') img_io.seek(0) return Response(img_io, mimetype='image/jpeg') if __name__ == '__main__': app.run(debug=True) ``` 在这个例子中,我们首先生成了10张图片,然后在主页上展示它们。我们将图片传递给模板,并使用模板来渲染图像。模板如下: ```html <!DOCTYPE html> <html> <head> <title>Images</title> </head> <body> {% for img in images %} <img src="{{ url_for('image_stream', index=loop.index0) }}"> {% endfor %} </body> </html> ``` 在模板中,我们使用`url_for`函数生成每个图像的URL,并将其传递给`<img>`标签的`src`属性。`loop.index0`是模板变量,它表示当前循环迭代的索引,从0开始计数。 最后,我们定义了一个名为`image_stream`的路由,用于将单个图像转换为图像并返回给前端。我们使用`BytesIO`对象将图像保存为JPEG格式,并将其转换为字节。最后,我们使用`Response`对象返回字节,并将其MIME类型设置为`image/jpeg`。 您可以通过访问主页(`http://localhost:5000/`)来查看生成的图像,并在前端使用`<img>`标签将它们展示出来。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值