- 效果:
- 按钮
<view class="flex-item"> <button class="custom-button" @click="handleStyledButtonClick()">二维码</button> </view>
- 定义
export default { data() { return { base64: "", } } }
- 函数
handleStyledButtonClick() { var that = this //后端获取base64 roomdata.getRoomQRCode(function() { that.base64 = that.detailmodel.roomQRCode /// 通过微信小程序自带方法将base64转为二进制去除特殊符号,再转回base64 that.base64 = wx.arrayBufferToBase64(wx.base64ToArrayBuffer(that.base64)); /// 拼接请求头,data格式可以为image/png或者image/jpeg等,看需求 const base64ImgUrl = "data:image/png;base64," + that.base64; /// 得到的base64ImgUrl直接给图片:src使用即可 // 弹框显示图片 uni.previewImage({ urls: [base64ImgUrl], }) }) },
微信小程序开发base64转图片(弹框显示)
最新推荐文章于 2024-04-03 03:11:56 发布