开发场景: 需要把后台Java端查询到的图片动态显示在页面上。
Java端传过来的图片是base64类型的,前一篇文章已经介绍怎么把base64 转为图片。https://blog.csdn.net/weixin_41545119/article/details/100511695
1.WXML
<block wx:for="{
{srcModelsList}}" wx:key="{
{item.id}}">
<image model ="widthFix" src ="{
{item.src}}" style="width:50px">
</block>
2.JS
a,请求数据的js
wx.request({
url: 'https://alalalal/springboot/weChat/xxx', //仅为示例,并非真实的接口地址
data: {
phone:'212111'
},
header: {
'content-type': 'application/json' // 默认值
},
success (res) {
for(var i =0;i<res.data.length;i++){
//base64解码获取到的图片
res.data[i].picture = base64.decod