微信小程序開發(fā)問答《七十一》picker選擇日期 & image無法顯示base64的圖片

發(fā)表時間：2021-5-11

發(fā)布人：葵宇科技

瀏覽次數(shù)：101

1、微信小程序image圖片模擬器可以顯示，但是真機(jī)上無法顯示

微信小程序中<image>引用的是網(wǎng)絡(luò)圖片，在模擬器里面可以看到，但是在真機(jī)上就無法顯示。

同樣是網(wǎng)絡(luò)圖片

https://www.zhgjx-hr.com/upload/Images/4b96f7e0-88f4-4a5b-bc24-c86611842bca.jpg 真機(jī)上是可以顯示的，

但是https://app.zhgjx-hr.com/upload/Images/4b96f7e0-88f4-4a5b-bc24-c86611842bca.jpg 真機(jī)上就無法顯示。這是什么原因呢？

答：問題已經(jīng)解決，是證書問題

2、微信小程序頁面跳轉(zhuǎn)的時候出現(xiàn)渲染層錯誤

微信小程序頁面跳轉(zhuǎn)出現(xiàn)這個問題，每個頁面跳轉(zhuǎn)都會可是我的頁面中沒有引用該圖片所有的圖片資源加載正常可能是頁面先渲染了靜態(tài)的wxml文件獲取不到image鏈接所以報錯那么有什么辦法讓頁面將所有的資源都加載完再同步顯示嗎

答：我出現(xiàn)過這種情況，出現(xiàn)的過程和原因：

把圖片地址放在data里，并設(shè)置為空字符串
onLoad的時候去設(shè)置圖片字段
一開始圖片地址為空，所以會報錯。

js

Page({
    data: {
        imageUrl:""
    },
    onLoad(options) {
        let that = this
        
        //post data
        wx.request({
            ..., 
            success(res){
                that.setData({
                    imageUrl
                })
            }
        })
    }
})

wxml

<image url="{{imageUrl}}">image>

因為我在onLoad里這里我是請求了服務(wù)器，所以setData是服務(wù)器返回成功后設(shè)置的。在服務(wù)器返回之前imageUrl為空，所以報了這個錯。

你看看你加載圖片的代碼是不是有這樣的情況。

3、微信小程序picker選擇日期，怎么才能做到只有日月沒有年份？

小程序的日期picker都是選擇年月日，業(yè)務(wù)要求只選擇日月，應(yīng)該如何實現(xiàn)呢？請各位大牛幫助。

答：https://mp.weixin.qq.com/debu...

如果是根據(jù) 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">
      當(dāng)前選擇: {{date}}
    view>
  picker>
view>