算法生成的图片返回前端展示的简易方案

最新推荐文章于 2024-05-11 23:16:23 发布
最新推荐文章于 2024-05-11 23:16:23 发布
阅读量2.8k 收藏
点赞数
分类专栏： 备忘 文章标签： python 算法 api
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rongbupt/article/details/121862183
版权
这篇博客介绍了如何在Python环境中运行模型，特别是计算机视觉（CV）模型，将模型输出的numpy数组转换为图片并以base64编码的方式在前端展示。通过使用BytesIO避免了文件落地，直接在内存中完成图片转JPEG格式和base64编码的过程，便于在HTML中嵌入显示。这种方法适用于算法工程师快速测试API，但可能不适用于需要图片缓存等生产环境需求。
摘要由CSDN通过智能技术生成

本文只针对python的环境
跑一个模型，特别是CV的模型，结果可能是一张图片，这张图片返回前端展示有多种方法。这里介绍其中一种方案，方便算法工程师测试API（不一定满足生产要求，比如图片需要在客户端缓存等，只是测试算法API应该是够用的）

模型生成的结果往往是numpy数组，或者opencv、PIL等库的图片格式。以numpy数组为例，首先需要把这个数据转换成.jpg等图片格式。为了避免落盘，可以把图片文件写入内存，使用BytesIO，写入内存后再读出，并使用base64编码。

im_show = Image.fromarray(im_show[:,:,[2,1,0
最低0.47元/天 解锁文章
rongbupt
关注
专栏目录
2023年前端面试汇总-React
越陌度阡
06-29 867
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
flask_vue_ML：初步+前端+算法模型，机器学习项目演示。Flask + vue + ML，全栈机器学习项目构建
02-04
构建设置 # install python libraries pip install -r requirements.txt # run the server python app.py # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report np
Django中上传的图片经过OpenCV处理后在前端显示
穹顶之下
03-20 3405
  OpenCV打开的图片都是以Mat（矩阵）的形式打开，直接传到前端就是一堆矩阵数字，不能正常显示。众所周知，在HTML上显示图片，用到的img标签都是以src的形式写的，base64格式可以代替src中需要填写的地址。因此，可以将OpenCV处理之后的图片转为base64再传输   JavaScript的写法如下：dataType是从后端传回到前端的数据格式，必须以text的形式，这样传递的数...
WebGIS中等值线前端生成绘制简析
weixin_34138521的博客
12-07 723
文章版权由作者李晓晖和博客园共有，若转载请于明显处标明出处：http://www.cnblogs.com/naaoveGIS/ 1.背景 等值线是GIS制图中常见的功能，一般有两种思路：一种是先进行插值生成等值面栅格图，然后将等值面提取成等值线；另一种是进行插值后，直接再根据算法进行插值点连接生成一条尽量闭合以及平滑的曲线。 在进行插值中，有很多算法可以选择，各种算法中也会有不同的参数需要调试，并...
如何利用python+html等技术实现图片自动化采集展示
最新发布
05-11 892
今天当一回实施工程师，由于客户是局域网，要出差到客户现场。到了现场客户提出一个要求：把视觉检测电脑中的照片在另一台电脑上展示（两台电脑在同一局域网下）。虽然没整过这样的需求。但也要装的很懂，没的问题可以给解决，谁叫人家是甲方爸爸呢。正式实施时才感觉有点困难，这文件夹里的图片是实时更新的，而且电脑还得搭web服务，html 界面还得实时更新。不慌，遇事不决先问大模型，哈哈哈。下面是我实施的步骤。在实际项目中，您可能需要考虑更多的错误处理和安全性。同时，确保客户服务器的防火墙允许您的IP地址访问指定的端口。
python flask将读取的图片返回给web前端
居贝比的博客
07-04 1万+
网上找到的python代码（核心部分）： def return_img_stream(img_local_path): """ 工具函数: 获取本地图片流 :param img_local_path:文件单张图片的本地绝对路径 :return: 图片流 """ import base64 img_stream = '' with open(img_local_path, 'r') as img_f: img_stream
前端：简易问答聊天机器人的实现
07-28
以上就是实现前端简易问答聊天机器人的关键知识点，涵盖了JavaScript编程、AJAX通信、用户交互设计以及自然语言处理等方面。实际开发过程中，还需要考虑性能优化、错误处理以及兼容性等问题，确保聊天机器人的稳定性...
手写现代前端框架diff算法-前端面试进阶
helloworld1024fd的博客
10-27 185
在前端工程上，日益复杂的今天，性能优化已经成为必不可少的环境。前端需要从每一个细节的问题去优化。那么如何更优，当然与他的如何怎么实现的有关。比如key为什么不能使用index呢？为什么不使用随机数呢？答案当然是影响性能，那为什么？相信你看完本文的diff算法就能略懂一些。
超简约在线生成短网址源码带后台
05-05
3. **短网址生成机制**：短网址生成通常有两种方式：一种是哈希算法，如MD5或SHA1，将长网址转化为固定长度的短码；另一种是自增ID结合Base62（或Base36）编码，使得ID能以较短的字符表示。哈希法无法逆向还原原始...
python 生成的图像直接作为图像流返还给前端（flask方法实现）
qq_42799459的博客
08-19 5797
from PIL import Image from flask import Flask import PIL import matplotlib.pyplot as plt import numpy as np import io app = Flask(__name__) # 定义路由 @app.route("/") def index(): # 数据准备 x = np....
网页轻松展示CV、NLP模型，连你老爸都会操作 | 斯坦福出品
量子位
07-11 344
晓查 发自 凹非寺量子位 报道 | 公众号 QbitAI“其实我是做机器学习模型的。”“什么模型？拿出来给大家看看啊！”如果你是一个机器学习（ML）程序员，向爸妈、亲友...
服务端读取图片内容返回前端，解决图片跨域问题
weixin_30411239的博客
11-20 3079
最近在配合前端开发，开发一个图片裁剪功能的时候，遇到一个oss图片跨域请求，无法访问的问题，索性自己写个接口，先读取图片文件流再直接返回前端。具体代码如下。 1.新建文件流内容封装类FileContent 1 public class FileContent { 2 private byte[] content; 3 private String content_...
手把手教你完成一个Python与OpenCV人脸识别项目（对图片、视频、摄像头人脸的检测）超详细保姆级记录！
热门推荐
CV在读
02-12 1万+
彩色图像中的每个像素颜色由R、G、B三个分量来决定，而每个分量的取值范围都在0-255之间，这样对计算机来说，彩色图像的一个像素点就会有256*256*256=16777216种颜色的变化范围！在下图的路径中，我们可以看到需要xml文件，这些都是OpenCV中自带的分类器，根据文件名我们可以看到有识别眼睛的，身体的，脸的，等等。彩色图片的信息含量过大，而进行图片识别时，其实只需要使用灰度图像里的信息就足够了，此时为没有设定参数，可以看到图片识别人脸出现了失误，把背景中的海浪也识别为了人脸。
后端把图片返回给前端
胡萝北的博客
11-03 1万+
方式1：返回base64格式 import org.apache.commons.codec.binary.Base64 @RequestMapping("/get-face-picture") public String getUserFacePicture(HttpServletRequest request, @RequestBody JSONObject obj, HttpServletResponse response) { String sessionId = re
Python print语句输出重定向到网页前端
XBL2015HENU的博客
07-12 5151
Python语句输出重定向到网页前端 Python中的输出语句主要有两种：print输出语句和外部文件输出语句。本文分为两部分，第一部分：两种输出语句的获取；第二部分：语句的前端刷新。 一、输出语句获取 1.print输出语句获取 sys.stdout是python中的标准输出流，这个标准输出流默认是映射到打开脚本的窗口的，所以，我们的print操作会把字符打印到屏幕上。 因此想要获取print语句的输出，只需要将sys.stdout映射到我们指定的文件或变量中即可。 ##将print输出
OpenCV C++ 通过Websocket发送摄像头图片到Web端
搬砖
01-12 7318
程序中需要做人脸识别，web端要做摄像头预览，C++来实现人脸检测与人脸识别。为了使Web端实时预览到摄像头的画面，目前想到了一个方案：C++端打开摄像头抓图，然后发送图片给Web端来显示
八、决策树算法实验可视化展示
beyond谚语的博客
04-17 1833
一、树模型的可视化展示 官网下载安装包 右击管理员身份运行，直接下一步即可。 配置环境变量： 将安装好的可视化软件的bin文件夹路径添加到系统环境变量Path下即可 打开cmd，输入dot -version，出现相关信息即安装成功 二、决策树过程运行 import numpy as np import os %matplotlib inline import matplotlib import matplotlib.pyplot as plt plt.rcParams['axes.labelsize'
vue+element-ui 上传图片到后端，Flask后端处理图片后返回给前端
weixin_39706316的博客
06-08 4098
vue+elementui前端提交图片到flask后端，后端处理后返回图片到前端并显示的开发过程中遇到的问题解决方法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值