詳解微信小程序圖片地扯轉(zhuǎn)base64解決方案
更新時間：2019年08月18日 10:49:40 作者：dounine
這篇文章主要介紹了詳解微信小程序圖片地扯轉(zhuǎn)base64解決方案,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
你還在找在小程序成如何將圖片轉(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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 微信小程序?qū)崿F(xiàn)圖片翻轉(zhuǎn)效果的實(shí)例代碼
- 微信小程序點(diǎn)擊圖片實(shí)現(xiàn)長按預(yù)覽、保存、識別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能
- 微信小程序?qū)崿F(xiàn)點(diǎn)擊圖片旋轉(zhuǎn)180度并且彈出下拉列表
- 微信小程序內(nèi)拖動圖片實(shí)現(xiàn)移動、放大、旋轉(zhuǎn)的方法
- 微信小程序 Animation實(shí)現(xiàn)圖片旋轉(zhuǎn)動畫示例
- 小程序圖片剪裁加旋轉(zhuǎn)的示例代碼
- 小程序點(diǎn)擊圖片實(shí)現(xiàn)png轉(zhuǎn)jpg
相關(guān)文章
提高團(tuán)隊(duì)代碼質(zhì)量利器ESLint及Prettier詳解
這篇文章主要為大家介紹了提高團(tuán)隊(duì)代碼質(zhì)量利器ESLint及Prettier使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
需要展示多個checkbox復(fù)選框，而只能允許最多選6個,下面為大家介紹下如何使用js限制checkbox選中個數(shù),需要的朋友可以參考下2014-07-07
這篇文章主要介紹了js正則匹配多個全部數(shù)據(jù)問題，本文通過兩種方式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
網(wǎng)頁自動跳轉(zhuǎn)代碼收集2009-09-09
這篇文章主要詳細(xì)介紹了javascript計時器的相關(guān)資料,十分全面詳盡，需要的朋友可以參考下2015-02-02
EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實(shí)例代碼
這篇文章主要介紹了EXT中單擊button按鈕grid添加一行（光標(biāo)位置可設(shè)置)的實(shí)例代碼 的相關(guān)資料,需要的朋友可以參考下2016-06-06
個人總結(jié)的一些JavaScript技巧、實(shí)用函數(shù)、簡潔方法、編程細(xì)節(jié)
這篇文章主要介紹了個人總結(jié)的一些JavaScript技巧、實(shí)用函數(shù)、簡潔方法、編程細(xì)節(jié),本文講解了變量轉(zhuǎn)換、取整同時轉(zhuǎn)換成數(shù)值型、日期轉(zhuǎn)數(shù)值、類數(shù)組對象轉(zhuǎn)數(shù)組、進(jìn)制之間的轉(zhuǎn)換等方法技巧,需要的朋友可以參考下2015-06-06
JavaScript為事件句柄綁定監(jiān)聽函數(shù)實(shí)例詳解
這篇文章主要介紹了JavaScript為事件句柄綁定監(jiān)聽函數(shù)的方法,結(jié)合實(shí)例詳細(xì)分析了常見的事件句柄綁定監(jiān)聽函數(shù)的實(shí)現(xiàn)技巧,并實(shí)例講解了跨瀏覽器的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-12-12
JavaScript?代碼多文件混淆加密可以有效保護(hù)源代碼不被他人輕易盜取,這篇文章主要為大家介紹了JavaScript中混淆加密的實(shí)現(xiàn),需要的小伙伴可以參考下2023-11-11
想必大家對參數(shù)傳遞并不陌生吧，本文為大家介紹下JS的參數(shù)傳遞,需要的朋友可以參考下2014-02-02