詳解微信小程序圖片地扯轉(zhuǎn)base64解決方案
更新時間：2019年08月18日 10:49:40 作者：dounine
這篇文章主要介紹了詳解微信小程序圖片地扯轉(zhuǎn)base64解決方案,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
你還在找在小程序成如何將圖片轉(zhuǎn)base64存儲起來并顯示嘛，在這里呢，來瞧瞧。
使用方法
js文件
let $this = this;
request({
url:'https://www.dounine.com/hello.jpg',
method:'GET',
responseType: 'arraybuffer',
success:function(res){
let base64 = wx.arrayBufferToBase64(res);
$this.data.userImageBase64 = 'data:image/jpg;base64,' + base64;;
}
});
wxml文件
<image src='{{userImageBase64}}' style='width:90rpx;height:90rpx;' />
PS:小程序本地圖片轉(zhuǎn)base64最簡單方法
- wx.chooseImage：得到圖片地址
- wx.getFileSystemManager：創(chuàng)建文件管理類
- readFileSync：讀取本地文件，直接得到base64
wx.chooseImage({
success: function(res) {
console.log(wx.getFileSystemManager().readFileSync(res.tempFilePaths[0], "base64"))
},
})
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Javascript組合繼承方法代碼實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
這篇文章主要給大家介紹了關于前端滾動錨點的三個常用方案,實現(xiàn)的效果就是點擊后頁面滾動到指定位置,三種方法分別是scrollIntoView、scrollTo和scrollBy,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2025-01-01
本文主要對HTML頁面定時跳轉(zhuǎn)進行方法介紹：1、meta refresh 實現(xiàn)。2、JavaScript 實現(xiàn)。具有很好的參考價值，需要的朋友一起來看下吧2016-12-12
這篇文章主要介紹了JS實現(xiàn)的模仿QQ頭像資料卡顯示與隱藏效果,涉及javascript鼠標事件響應及頁面元素屬性動態(tài)操作相關技巧,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js全選實現(xiàn)和判斷是否有復選框選中的方法,涉及javascript操作復選框的技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
用js實現(xiàn)的抽象CSS圓角效果!!...2007-05-05
利用JavaScript做數(shù)獨的完整實現(xiàn)過程
數(shù)獨游戲是在一個9*9的方格中進行填數(shù)字的游戲,需要滿足的規(guī)則是每行每列和每個子九宮格都是1~9的不重復數(shù)字,下面這篇文章主要給大家介紹了關于如何利用JavaScript做數(shù)獨的相關資料,需要的朋友可以參考下2021-09-09
這篇文章主要介紹了如何使用js判斷瀏覽器是否支持html5,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細介紹了js實現(xiàn)頁面多個日期時間倒計時效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
這篇文章介紹了用 JavaScript 和 HTML5 Canvas 實現(xiàn)文字黑洞特效的項目,包括項目特征,如黑洞特效、引力效果、文字動畫和交互設計,以及技術亮點,還闡述了實現(xiàn)邏輯,涵蓋項目結(jié)構(gòu)、文字和黑洞對象的實現(xiàn)、動畫循環(huán)等,并給出了詳細的代碼示例和解釋2025-03-03