0

    微信小程序开发问答《七十一》picker选择日期 & image无法显示

    2023.06.03 | admin | 142次围观

    如果是根据 js 获取年份,写一个year输出到页面并且拼接就行了。

    <view class="section">
      <view class="section__title">日期选择器view>
      <picker mode="date" value="{{date}}" start="{{nowYear}}-01-01" end="{{nowYear}}-12-31" bindchange="bindDateChange">
        <view class="picker">
          当前选择: {{date}}
        view>
      picker>
    view>

    4、微信小程序的image无法显示base64的图片的问题

    在开发微信小程序的时候,一张图片需要通过WebSocket获取,WebSocket返回png图片的二进制格式的数据,然后小程序将ArrayBuffer转成base64并赋给image的src属性,如下:

    微信小程序开发问答《七十一》picker选择日期 &amp; image无法显示

    const base64 = wx.arrayBufferToBase64(res.data);

    that.setData({ QrCodeUrl: "data:;base64," + base64 });

    这段代码在电脑上用开发工具里显示图片一直是正常的,但是发布到手机上就出错了微信文件的image是什么,图片死活显示不出来,后来才发现微信文件的image是什么,data:后面应该加上image/png才行,所以代码需要改成这样:

    const base64 = wx.arrayBufferToBase64(res.data);

    that.setData({ QrCodeUrl: "data:image/png;base64," + base64 });

    问题就可以解决。

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论