微信小程序将图片数据流添加到image标签中
来源:互联网 发布:form表单转json 编辑:程序博客网 时间:2024/05/16 10:09
有时候我们通过API接口获取图片时,拿到的是图片的数据流:有可能是二进制数据流,也可能是base64编码的数据流。
data: { captchaImage: '../../images/captcha.png', // 如果需要的话,可以给张默认的图片先 },
- 当获取到的是原始的图片二进制数据流时,只需要将image标签的src直接设置为图片url就可以,如:
var that = this var url = constants.WEB_SERVER_DOMAIN + '/getImage' console.log(url) that.setData ({ captchaImage: url, })
- 当获取到的是图片的base64编码的数据流时,需要将接口获取到的数据再解析base64编码,如:
wx.request({ url: constants.WEB_SERVER_DOMAIN + '/getImage', method: 'GET', header: { 'content-type': 'application/octet-stream', }, success: function (res) { //console.log(res.data) var data = res.data console.log(res.statusCode) if (res.statusCode == 200) { that.setData ({ captchaImage: 'data:image/png;base64,' + data, // data 为接口返回的base64字符串 }) } },
然后在wxml文件中,使用image标签,如:
<image src="{{captchaImage}}" style="width:100px;height:44px;" ></image>
阅读全文
0 0
- 微信小程序将图片数据流添加到image标签中
- QT程序将图片资料添加到qrc文件中方法
- 微信小程序-image(图片)
- 三级缓存之将图片添加到SD卡中
- 将程序添加到环境变量
- 如何将 .exe 程序添加到系统的服务中
- 使用VC++将程序添加到自启动项目中
- 将java程序添加到linux系统中
- 数据流到图片
- 如何将图片以Image类型存储到数据库 如何从数据库中读取Image类型的字段
- FileUpload实现将图片保存到数据库在image中显示
- 利用Data URL(data:image/jpg;base64,)将小图片生成数据流形式
- 利用Data URL(data:image/jpg;base64,)将小图片生成数据流形式
- 利用Data URL(data:image/jpg;base64,)将小图片生成数据流形式
- Image扩展,如何将网络图片显示在自己的程序中
- C# 将Image转化为数据流
- html image图片标签
- 将rgb数据流转为图片
- http://blog.csdn.net/lonsegdi/article/details/46333425
- leetCode 123. Best Time to Buy and Sell Stock III
- linux命令
- (总结)Oracle 11g常用管理命令(用户、表空间、权限)
- PD4ML Cookbook PDF and True Type fonts(2)
- 微信小程序将图片数据流添加到image标签中
- JavaWeb中读取文件资源的路径问题
- [POJ 1715] Hexadecimal Numbers 求排列数/数位DP
- referrer属性(获取本页的URL,上一页URL)
- 文章标题
- java基础-------重载(Overload)和重写的区别(Override)
- WIFI DFS测试介绍
- 华硕笔记本BIOS设置禁用UEFI后使用U盘装系统方法
- jvm内存模型及类加载器