圖片顯示、文件下載等

下載附件文件以及圖片顯示,

後端返回url。

前端直接根據url,去打開或者圖片直接賦給src即可

後端返回流

可以看我另一篇博->傳送門
在那篇博客中,直接使用responseType設置爲blob類型。

然後使用URL.createObjectURL() 創建一個地址。
在這裏插入圖片描述
也可以responseType 設置arraybuffer。只不過要使用blob去轉換爲blob然後再去使用URL.createObjectURL()

在這裏插入圖片描述
當然也可以轉成base64去直接顯示圖片。
這裏使用window中的btoa方法去將arraybuffer數據轉爲base64
在這裏插入圖片描述

data:image/png;base64,' + btoa(new Uint8Array(res).reduce((data, byte) => data + String.fromCharCode(byte), ''));

千里之行
始於足下

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章