Content-Type 寫得不對(duì)吧。

根據(jù)你的截圖，大概可能原因如下：
1、Http Response 的 Content-Type 被設(shè)置成了 arraybuffer 或者 application/octet-stream。導(dǎo)致瀏覽器把它當(dāng)作二進(jìn)制去解析展示了。這個(gè)時(shí)候你可以把拿到數(shù)據(jù)首先轉(zhuǎn)化成 ArrayBuffer 對(duì)象，然后將它格式化成數(shù)據(jù)塊，也就是 Blob 對(duì)象，然后根據(jù)Blob對(duì)象拿到一個(gè) Blob 的地址，一個(gè) 'blob:' 開頭的字符串，然后講這個(gè)地址賦值給 img 元素的 src 屬性即可展示。
2、另外，且不論什么是場(chǎng)景需要后端返回圖片，更合理的做法是圖片作為靜態(tài)資源存儲(chǔ)在靜態(tài)資源服務(wù)器，服務(wù)端返回的是這個(gè)圖片的地址，然后你把這個(gè)地址給img 的 src 屬性。但是如果非要這樣做，上面的方法可以幫到你。

根本問題不是你的content-type 設(shè)置錯(cuò)了，你設(shè)置的只是 HTTP Request 實(shí)體的格式，導(dǎo)致這個(gè)問題的是服務(wù)端返回的 HTTP Response 的頭部 Content-Type 稍有不妥。建議詳細(xì)閱讀 HTTP 協(xié)議的 Content-Type 頭的取值以及意義。