js接收到后臺(tái)返回的數(shù)據(jù)是base64的圖片亂碼

使用ajax向后臺(tái)發(fā)送請(qǐng)求，后臺(tái)返回的是base64的圖片，但是控制臺(tái)打印出來(lái)是一堆亂碼，該如何解析呢，想把這一段返回的base64直接放到img的src中

這是ajax請(qǐng)求，返回的是這樣的亂碼：

前端接收到這個(gè)應(yīng)該怎么解析呢

回答

編輯回答

笨笨噠

你的圖片地址對(duì)應(yīng)的明明是個(gè)JPEG的圖片二進(jìn)制流啊，不是base64字符串，你直接把這個(gè)URL設(shè)置到img標(biāo)簽上就可以

2018年3月29日 17:03

編輯回答

壞脾滊

你確定是 base64的？
看樣子，應(yīng)該是二進(jìn)制的。

2018年1月31日 04:35

編輯回答

解夏

你這個(gè)就是圖片對(duì)字節(jié)流啊，如果要直接設(shè)置顯示需要將你對(duì)data base64后設(shè)置到img到src里面，參考：

<img src="data:image/jpg;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>

data:image/jpg 根據(jù)你圖片類(lèi)型設(shè)置。

2018年8月23日 22:41

編輯回答

兮顏

使用ajax獲取的數(shù)據(jù)放進(jìn)去就會(huì)出問(wèn)題，但是把接口地址的url直接放在img的src就可以
$("#imgCode").attr("src", url);
我請(qǐng)求的時(shí)候是get方法
另外用ajax用原生的方法請(qǐng)求是可以的

2017年6月20日 21:22

編輯回答

任她鬧

兄弟，我在調(diào)微信返回小程序二維碼的時(shí)候也遇到了這個(gè)問(wèn)題，但是按照上面的說(shuō)法沒(méi)解決，不知道你是怎么解決的呢？

2017年11月19日 20:20

編輯回答

妖妖

根據(jù)log出的內(nèi)容來(lái)看，后臺(tái)返回的應(yīng)該是二進(jìn)制流，全場(chǎng)亂字符+JFIF標(biāo)記，應(yīng)該能確定是個(gè)JPEG文件的二進(jìn)制流，而不是base64。所以放段處理二進(jìn)制流顯示的代碼到回調(diào)里應(yīng)該就可以了：

var img = document.createElement('img');
img.src = window.URL.createObjectURL(data);
img.height = 60;
img.onload = function() {
    window.URL.revokeObjectURL(this.src);
}
body.appendChild(img);

2017年6月18日 13:32

編輯回答