鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 微信小程序Base64圖片顯示不出來

微信小程序Base64圖片顯示不出來

使用Wxparse對后臺傳遞過來的html進(jìn)行解析，發(fā)現(xiàn)如果圖片是base64的，解析后顯示不了。

data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAASABIAAD/4QBMRXhpZgAATU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAC7qADAAQAAAABAAAD6AAAAAD/7QA4UGhvdG9zaG9wIDMuMAA4QklNBAQAAAAAAAA4QklNBCUAAAAAABDUHYzZjwCyBOmACZjs+EJ+/8AAEQgD6ALuAwEiAAIRAQMRAf/EAB8AAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKC//EALUQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+v/EAB8BAAMBAQEBAQEBAQEAAAAAAAABAgMEBQYHCAkKC//EALURAAIBAgQEAw

上面的這個base64內(nèi)容比較長，沒有復(fù)制完。知道是這個意思就行

回答
編輯回答
來守候

兄得,分享下解決方法啊?抓狂,好不容易百度到相同情況的,結(jié)果沒有分享解決方法,快瘋了

2018年8月26日 04:38
編輯回答
陌璃

小程序真機的話，需要打開調(diào)試，否則會校檢域名信息，折騰了半天。
圖片描述

2017年11月21日 23:15
編輯回答
獨白

已經(jīng)搞定l

2018年6月2日 19:41
編輯回答
來守候

我也遇到相同的問題，按照這種方案在html頁面上顯示是沒有問題的，但是在小程序端死活不顯示，然后就變通下，后臺在把圖片流的的字節(jié)數(shù)組以json的形式傳到小程序端，在小程序端進(jìn)行數(shù)據(jù)的處理，最后是成功了
貼一段代碼可能對大家有所幫助

success: function (res) { 
        var data = res.data
        var array = wx.base64ToArrayBuffer(res.data)
        var base64 = wx.arrayBufferToBase64(array)
        if (res.statusCode == 200) {
          that.setData({
            imageData: 'data:image/jpeg;base64,' + base64,  // data 為接口返回的base64字符串  
          })
        }
      }

到這里效果就出來了最后貼個成功的圖
圖片描述

2018年3月26日 18:53
編輯回答
傲寒

我也遇到這個問題了 分享一下解決辦法吧 樓主

2017年11月15日 14:28
編輯回答
解夏

請問下 是怎么解決的！！我現(xiàn)在也遇到了這個問題

2017年10月16日 02:56
編輯回答
做不到

請問是怎么解決的？如何把后臺返回的base64圖片正常顯示在頁面？

2018年5月20日 06:48