小程序在image標籤內直接在src中填寫上圖片的網絡地址,是無法添加頭部信息的。這樣對於我們保密的圖片需要驗證頭部的token信息,是沒有增加的。問題如下圖:
這是將網絡地址直接寫到了src中的情況,401授權問題
官網也沒有提出這個問題怎麼解決,自行考慮
既然我們沒法直接添加頭部授權信息,那麼我們就按照正常的請求去請求這個圖片地址,看看結果
注意此時請求從img變成了xhr
記得在正常請求中添加頭部信息,這裏wx.request中header的寫法詳見官網,不再贅述
看請求已經是200表示正常了,但是結果是二進制文件,不能夠直接放到圖片的路徑中,如下圖
怎麼辦呢,既然如此,那麼我們就把這個地址使用wx.downloadFile這個api去緩存到本地,生成一個臨時地址,用這個臨時地址來展示
在成功的函數中向圖片地址賦值
即可展示,因爲是身份證照圖片,所有馬賽克了,望見諒。
此種流程即可。