将图片返回到前端

将图片转换为字符流返回到前端img

from flask import send_file
from io import BytesIO
ls_f = redi.get(photo)ls_f1 = base64.b64decode(ls_f)#将字符流写入BytesIO(主要用于读取缓存中的数据)by = BytesIO(ls_f1)return send_file(by, mimetype=‘image/png‘)

返回前端为二进制字符流,所以可以直接传入前端为二进制图片流,音频文件也一样

来自为知笔记(Wiz)

时间: 2024-10-28 01:48:49

将图片返回到前端的相关文章

nodejs服务器读取图片返回给前端(浏览器)显示

1 前言 项目需要用nodejs服务器给前端传递图片,网上找了好多资料,多数都是怎么在前端上传图片的,然后通过看runoob.com菜鸟教程,发现其实是非常简单,用express框架就行了. 2 代码 2.1 用原生的版本(包含了返回网页功能) ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45

自己主动图片生成在前端开发中的一些尝试

图片处理在前端开发过程中占领了不少的时间.非常是累人.在本文中我们不讨论怎样提高切图的效率.我们讨论还有一个问题:怎样处理设计稿中的一些简单图形. 不知道你又没有遇到过这样的烦恼:"设计师给你的精致的PSD中有一个简单图形,就是那用用多边形.圆形和线条组成的图形.这个图形用css3实现不了,或者能实现.但为了兼容某些浏览器不能用css3来实现,仅仅能切图.好的.你非常快切完了并在样式中引用了. 但没过多久需求上要求改下图片的颜色,而这是你已经将导出图片的那个PSD删除了,你还得又一次在设计稿中把

ASP.NET Web API中把分页信息放Header中返回给前端

谈到ASP.NET Web API的分页,考虑的因素包括: 1.上一页和下一页的uri2.总数和总页数3.当前页和页容量 接着是服务端的数据以怎样的形式返回? 我们通常这样写: {    totalCount:10,    result: [        {id:1, name:"a"},        {id:2, name:"b"}    ]} 以上,把分页相关和实体信息以json格式返回给前端.但在本篇,尝试另外一种方式:把分页信息放在Header中返回给前

自动图片生成在前端开发中的一些尝试

图片处理在前端开发过程中占据了不少的时间,很是累人.在本文中我们不讨论如何提高切图的效率,我们讨论另一个问题:如何处理设计稿中的一些简单图形.不知道你又没有遇到过这种烦恼:"设计师给你的精致的PSD中有一个简单图形,就是那用用多边形.圆形和线条组成的图形.这个图形用css3实现不了,或者能实现,但为了兼容某些浏览器不能用css3来实现,只能切图.好的,你很快切完了并在样式中引用了.但没过多久需求上要求改下图片的颜色,而这是你已经将导出图片的那个PSD删除了,你还得重新在设计稿中把这个图形抠出来&

后端返回值以json的格式返回,前端以json格式接收

以随便一个类为例子:这个例子是查询企业主营类别前5事项 (1)后端将结果绑定到param中,然后将结果以为json的格式返回到前端 /** * 查询企业主营类别前5事项 * @param request * @param response * @param config * @throws Exception * @author hongxy * 2017年6月1日下午2:21:14 */ public void getEnterpriseMainCategory(HttpServletRequ

js当图片返回404时如何展示默认图片

在做项目时遇到一个问题,当图片返回失败时,例如404的情况,不能正常的显示,刚开始是用vue.js做的,部分代码如下 <dt> <img v-bind:src="getHeadPic(user.headPic)" alt=""></dt> methods:{ getHeadPic:function(headPic){ if(headPic != null && headPic != undefined &&

微信公众平台接口,修改分享文案、图片等(前端js部分)

第一步:引入微信官方js文件 <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> 第二步:通过config接口注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,

Android4.4以上从图库选择图片返回的路径不正确的解决方法

从图库里选择图片是我们开发中非常常用的功能,如上传头像,上传相册.Android4.4之前的版本打开图库选择图片可以这样: Intent intent = new Intent(Intent.ACTION_GET_CONTENT, null); intent.setType("image/*"); activity.startActivityForResult(intent, START_ALBUM_CODE); 或: Intent intent = new Intent(Intent

图片上传前端实现

基于bootstrap实现图片上传,具体代码实现如下 <form id="poster_form" class="form-horizontal" method="post" enctype='multipart/form-data'> <div class="control-group"> <label class="control-label" >图片上传*</