很多前端童鞋在登錄頁會(huì)需要獲取后端接口生成二進(jìn)制文件的驗(yàn)證碼滚躯。這時(shí)候利用axios默認(rèn)會(huì)對(duì)responseType設(shè)置為json。這樣取到的文件就會(huì)是個(gè)亂碼姆打。下面舉例怎么將二進(jìn)制文件取到并綁定在img標(biāo)簽中。
1. 獲取response并創(chuàng)建一個(gè)靜態(tài)的DOMString
this.axios.get(url,{
responseType: 'blob'
}).then(res) {
var src = window.URL.createObjectURL(res.data);
//src 就是一個(gè)可以顯示圖片的相對(duì)路徑。因?yàn)閣indow.URL.crateObjectURL(blob)已經(jīng)進(jìn)行了轉(zhuǎn)換
}
2. 將src綁定在頁面img標(biāo)簽的src屬性上因悲。
各種框架都不一樣，略勺爱。
