詳解微信小程序圖片地扯轉base64解決方案
更新時間：2019年08月18日 10:49:40 作者：dounine
這篇文章主要介紹了詳解微信小程序圖片地扯轉base64解決方案,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
你還在找在小程序成如何將圖片轉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:小程序本地圖片轉base64最簡單方法
- wx.chooseImage：得到圖片地址
- wx.getFileSystemManager：創(chuàng)建文件管理類
- readFileSync：讀取本地文件，直接得到base64
wx.chooseImage({
success: function(res) {
console.log(wx.getFileSystemManager().readFileSync(res.tempFilePaths[0], "base64"))
},
})
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家介紹了提高團隊代碼質量利器ESLint及Prettier使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
需要展示多個checkbox復選框，而只能允許最多選6個,下面為大家介紹下如何使用js限制checkbox選中個數,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了js正則匹配多個全部數據問題，本文通過兩種方式給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
網頁自動跳轉代碼收集2009-09-09
這篇文章主要詳細介紹了javascript計時器的相關資料,十分全面詳盡，需要的朋友可以參考下2015-02-02
EXT中單擊button按鈕grid添加一行（光標位置可設置)的實例代碼
這篇文章主要介紹了EXT中單擊button按鈕grid添加一行（光標位置可設置)的實例代碼 的相關資料,需要的朋友可以參考下2016-06-06
個人總結的一些JavaScript技巧、實用函數、簡潔方法、編程細節(jié)
這篇文章主要介紹了個人總結的一些JavaScript技巧、實用函數、簡潔方法、編程細節(jié),本文講解了變量轉換、取整同時轉換成數值型、日期轉數值、類數組對象轉數組、進制之間的轉換等方法技巧,需要的朋友可以參考下2015-06-06
JavaScript為事件句柄綁定監(jiān)聽函數實例詳解
這篇文章主要介紹了JavaScript為事件句柄綁定監(jiān)聽函數的方法,結合實例詳細分析了常見的事件句柄綁定監(jiān)聽函數的實現技巧,并實例講解了跨瀏覽器的實現方法,需要的朋友可以參考下2015-12-12
JavaScript?代碼多文件混淆加密可以有效保護源代碼不被他人輕易盜取,這篇文章主要為大家介紹了JavaScript中混淆加密的實現,需要的小伙伴可以參考下2023-11-11
想必大家對參數傳遞并不陌生吧，本文為大家介紹下JS的參數傳遞,需要的朋友可以參考下2014-02-02