我的需求
請(qǐng)求發(fā)送：axios 、前段：vue
- 服務(wù)器不返回圖片的url地址，返回圖片的數(shù)據(jù)
- 獲取圖片需要登錄驗(yàn)證。
請(qǐng)求配置
指定響應(yīng)類型未blob
axios.get(`圖片url`, { responseType: 'blob'})
讀取圖片
使用FileReader 的readAsDataURL讀取圖片
let reader = new FileReader()
reader.onload = (e) => {
this.pic = e.target.result
}
reader.readAsDataURL(res)
使用圖片
將獲取到的字符串賦值給img的src即可
< img :src="pic"></img>
