關於小程序圖片預覽image請求中增加驗證token的問題

小程序在image標籤內直接在src中填寫上圖片的網絡地址,是無法添加頭部信息的。這樣對於我們保密的圖片需要驗證頭部的token信息,是沒有增加的。問題如下圖:

在這裏插入圖片描述

這是將網絡地址直接寫到了src中的情況,401授權問題

官網也沒有提出這個問題怎麼解決,自行考慮

既然我們沒法直接添加頭部授權信息,那麼我們就按照正常的請求去請求這個圖片地址,看看結果

注意此時請求從img變成了xhr

記得在正常請求中添加頭部信息,這裏wx.request中header的寫法詳見官網,不再贅述

在這裏插入圖片描述

看請求已經是200表示正常了,但是結果是二進制文件,不能夠直接放到圖片的路徑中,如下圖

在這裏插入圖片描述

怎麼辦呢,既然如此,那麼我們就把這個地址使用wx.downloadFile這個api去緩存到本地,生成一個臨時地址,用這個臨時地址來展示
在這裏插入圖片描述

在這裏插入圖片描述

在成功的函數中向圖片地址賦值

在這裏插入圖片描述

即可展示,因爲是身份證照圖片,所有馬賽克了,望見諒。

此種流程即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章