微信小程序Base64图片显示不出来的示例代码

这篇文章主要介绍了微信小程序Base64图片显示不出来的示例代码，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

　　小程序内用wx.request来发请求，后台返回Base64流，前台用<image>标签显示。

　　微信小程序Base64图片不显示简略代码如下：

　　Filetfile=newFile("/Users/sam/Downloads/test.jpg");

　　FileInputStreamfileInputStream=newFileInputStream(tfile);

　　byte[]buffer=newbyte[fileInputStream.available()];

　　fileInputStream.read(buffer);

　　fileInputStream.close();

　　BASE64Encoderbase64Encoder=newBASE64Encoder();

　　StringencodedStr=base64Encoder.encode(buffer);

　　outputStream.write(encodedStr.getBytes());

　　outputStream.close();

　　js中Base64图片:

　　onSubmit:function(e){

　　varthat=this;

　　wx.request({

　　data:{

　　},

　　method:'GET',

　　header:{

　　'content-type':'application/json'

　　},

　　success(res){

　　that.setData({ImageBase64Str:'data:image/png;base64,'+res.data});

　　}

　　})

　　}

　　wxml中:

　　<imagesrc='{{ImageBase64Str}}'/>

感谢你能够认真阅读完这篇文章，希望小编分享的“微信小程序Base64图片显示不出来的示例代码”这篇文章对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，更多相关知识等着你来学习!