假设接口返回的数据为 res。数据为文件流
复制代码
1
2
3
4
5
6
7
8
9
10
11// blob方案 let blob = new Blob([res], {type: "img/jpeg"}); let url = (URL || webkitURL).createObjectURL(blob); let imgDiv = document.getElementById('secret'); imgDiv.src = url;//这个可以 // imgDiv.setAttribute('src',url)//这个写法也可以 imgDiv.onload = function (e) { URL.revokeObjectURL(url) }
页面元素为img
复制代码
1
2<img id={'secret'} />
网络请求中需要注意reponseType
复制代码
1
2
3
4export async function toGetSecret(id) { return request(`/api/account/${id}/code`, {method: 'GET',responseType:'blob'}); }
最后
以上就是刻苦导师最近收集整理的关于React中展示文件流图片的全部内容，更多相关React中展示文件流图片内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复