詳解微信小程序圖片地扯轉(zhuǎn)base64解決方案

更新時(shí)間：2019年08月18日 10:49:40 作者：dounine

這篇文章主要介紹了詳解微信小程序圖片地扯轉(zhuǎn)base64解決方案,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

你還在找在小程序成如何將圖片轉(zhuǎn)base64存儲(chǔ)起來并顯示嘛，在這里呢，來瞧瞧。

使用方法

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最簡(jiǎn)單方法

wx.chooseImage：得到圖片地址
wx.getFileSystemManager：創(chuàng)建文件管理類
readFileSync：讀取本地文件，直接得到base64

  wx.chooseImage({
   success: function(res) {
    console.log(wx.getFileSystemManager().readFileSync(res.tempFilePaths[0], "base64"))
   },
  })

附官方api：
https://developers.weixin.qq.com/miniprogram/dev/api/file/wx.getFileSystemManager.html?search-key=getFileSystemManager

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Javascript組合繼承方法代碼實(shí)例解析
這篇文章主要介紹了Javascript組合繼承方法代碼實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-04-04
前端滾動(dòng)錨點(diǎn)三個(gè)常用方案(點(diǎn)擊后頁面滾動(dòng)到指定位置)
這篇文章主要給大家介紹了關(guān)于前端滾動(dòng)錨點(diǎn)的三個(gè)常用方案,實(shí)現(xiàn)的效果就是點(diǎn)擊后頁面滾動(dòng)到指定位置,三種方法分別是scrollIntoView、scrollTo和scrollBy,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2025-01-01
HTML頁面定時(shí)跳轉(zhuǎn)方法解析（2種任選）
本文主要對(duì)HTML頁面定時(shí)跳轉(zhuǎn)進(jìn)行方法介紹：1、meta refresh 實(shí)現(xiàn)。2、JavaScript 實(shí)現(xiàn)。具有很好的參考價(jià)值，需要的朋友一起來看下吧
2016-12-12
JS實(shí)現(xiàn)的模仿QQ頭像資料卡顯示與隱藏效果
這篇文章主要介紹了JS實(shí)現(xiàn)的模仿QQ頭像資料卡顯示與隱藏效果,涉及javascript鼠標(biāo)事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下
2017-04-04
js全選實(shí)現(xiàn)和判斷是否有復(fù)選框選中的方法
這篇文章主要介紹了js全選實(shí)現(xiàn)和判斷是否有復(fù)選框選中的方法,涉及javascript操作復(fù)選框的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-02-02
用js實(shí)現(xiàn)的抽象CSS圓角效果!!
用js實(shí)現(xiàn)的抽象CSS圓角效果!!...
2007-05-05
利用JavaScript做數(shù)獨(dú)的完整實(shí)現(xiàn)過程
數(shù)獨(dú)游戲是在一個(gè)9*9的方格中進(jìn)行填數(shù)字的游戲,需要滿足的規(guī)則是每行每列和每個(gè)子九宮格都是1~9的不重復(fù)數(shù)字,下面這篇文章主要給大家介紹了關(guān)于如何利用JavaScript做數(shù)獨(dú)的相關(guān)資料,需要的朋友可以參考下
2021-09-09
js判斷瀏覽器是否支持html5
這篇文章主要介紹了如何使用js判斷瀏覽器是否支持html5,需要的朋友可以參考下
2014-08-08
js實(shí)現(xiàn)頁面多個(gè)日期時(shí)間倒計(jì)時(shí)效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)頁面多個(gè)日期時(shí)間倒計(jì)時(shí)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-06-06
JavaScript實(shí)現(xiàn)文字黑洞特效的代碼詳解
這篇文章介紹了用 JavaScript 和 HTML5 Canvas 實(shí)現(xiàn)文字黑洞特效的項(xiàng)目,包括項(xiàng)目特征,如黑洞特效、引力效果、文字動(dòng)畫和交互設(shè)計(jì),以及技術(shù)亮點(diǎn),還闡述了實(shí)現(xiàn)邏輯,涵蓋項(xiàng)目結(jié)構(gòu)、文字和黑洞對(duì)象的實(shí)現(xiàn)、動(dòng)畫循環(huán)等,并給出了詳細(xì)的代碼示例和解釋
2025-03-03