微信小程序 本地圖片和base64圖片相互轉(zhuǎn)換

wx.chooseImage === 從本地相冊選擇圖片或使用相機(jī)拍照
wx.getFileSystemManager() === 獲取全局唯一的文件管理器
wx.getFileSystemManager().readFile === 讀取本地文件內(nèi)容
wx.base64ToArrayBuffer() === 將 Base64 字符串轉(zhuǎn)成 ArrayBuffer 對象
wx.downloadFile === 下載文件資源到本地

從手機(jī)上選擇圖片轉(zhuǎn)base64
getToBase64(){
    wx.chooseImage({
      count:'1',   // 最多可以選擇的圖片張數(shù)
      sizeType: ['original', 'compressed'], // ['原圖','壓縮圖']
      sourceType: ['album', 'camera'],  // ['從相冊選圖','使用相機(jī)']
      success: res => {
      wx.getFileSystemManager().readFile({
          filePath: res.tempFilePaths[0], //選擇圖片返回的相對路徑
          encoding: 'base64', //編碼格式
          success: res => { //成功的回調(diào)
            console.log('data:image/png;base64,' + res.data)
          }
        })
      }
    })
  },
網(wǎng)絡(luò)圖片轉(zhuǎn)base64圖片
getToBase64Two(){
    var httpsimg = 'https://baidu.com/a.jpg'   // 網(wǎng)絡(luò)圖片地址
    wx.downloadFile({     // 需要先下載 
      url: httpsimg,
      success(res) {
        console.log(res,'res')
        wx.getFileSystemManager().readFile({
            filePath: res.tempFilePath, //選擇圖片返回的相對路徑
            encoding: 'base64', //編碼格式
            success: res => { //成功的回調(diào)
              let userImageBase64 = 'data:image/jpg;base64,' + res.data;
              console.log(userImageBase64); // 打印base64格式圖片
            }
        })
      }
    })
  },
base64圖片轉(zhuǎn)本地圖片
getToLocal(){
    var base64data = "";   // base64
    const fsm = wx.getFileSystemManager();
    const FILE_BASE_NAME = 'tmp_base64src'; //自定義文件名
    const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64data) || [];
    if (!format) {
      return (new Error('ERROR_BASE64SRC_PARSE'));
    }
    const filePath = `${wx.env.USER_DATA_PATH}/${FILE_BASE_NAME}.${format}`;
    const buffer = wx.base64ToArrayBuffer(bodyData);
    fsm.writeFile({
      filePath,
      data: buffer,
      encoding: 'binary',
      success(r) {
        console.log(r,'r')
        console.log(filePath,'filePath')
      },
      fail() {
        return (new Error('ERROR_BASE64SRC_WRITE'));
      },
    });
  },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末何乎,一起剝皮案震驚了整個(gè)濱河市句惯,隨后出現(xiàn)的幾起案子土辩,更是在濱河造成了極大的恐慌,老刑警劉巖宗弯,帶你破解...
    沈念sama閱讀 216,744評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件脯燃,死亡現(xiàn)場離奇詭異,居然都是意外死亡蒙保,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門欲主,熙熙樓的掌柜王于貴愁眉苦臉地迎上來邓厕,“玉大人,你說我怎么就攤上這事扁瓢∠昴眨” “怎么了?”我有些...
    開封第一講書人閱讀 163,105評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵引几,是天一觀的道長昧互。 經(jīng)常有香客問我,道長伟桅,這世上最難降的妖魔是什么敞掘? 我笑而不...
    開封第一講書人閱讀 58,242評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮楣铁,結(jié)果婚禮上玖雁,老公的妹妹穿的比我還像新娘。我一直安慰自己盖腕,他們只是感情好赫冬,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,269評(píng)論 6 389
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著溃列,像睡著了一般劲厌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上听隐,一...
    開封第一講書人閱讀 51,215評(píng)論 1 299
  • 那天补鼻,我揣著相機(jī)與錄音,去河邊找鬼遵绰。 笑死辽幌,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的椿访。 我是一名探鬼主播乌企,決...
    沈念sama閱讀 40,096評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼成玫!你這毒婦竟也來了加酵?” 一聲冷哼從身側(cè)響起拳喻,我...
    開封第一講書人閱讀 38,939評(píng)論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎猪腕,沒想到半個(gè)月后冗澈,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,354評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡陋葡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,573評(píng)論 2 333
  • 正文 我和宋清朗相戀三年亚亲,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腐缤。...
    茶點(diǎn)故事閱讀 39,745評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡捌归,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出岭粤,到底是詐尸還是另有隱情惜索,我是刑警寧澤,帶...
    沈念sama閱讀 35,448評(píng)論 5 344
  • 正文 年R本政府宣布剃浇,位于F島的核電站巾兆,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏虎囚。R本人自食惡果不足惜角塑,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,048評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望溜宽。 院中可真熱鬧吉拳,春花似錦、人聲如沸适揉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,683評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嫉嘀。三九已至炼邀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間剪侮,已是汗流浹背拭宁。 一陣腳步聲響...
    開封第一講書人閱讀 32,838評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瓣俯,地道東北人杰标。 一個(gè)月前我還...
    沈念sama閱讀 47,776評(píng)論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像彩匕,于是被迫代替她去往敵國和親腔剂。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,652評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容