假设接口返回的数据为 res。数据为文件流
// 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
<img id={'secret'} />
网络请求中需要注意reponseType
export async function toGetSecret(id) {
return request(`/api/account/${id}/code`, {method: 'GET',responseType:'blob'});
}
最后
以上就是刻苦导师最近收集整理的关于React中展示文件流图片的全部内容，更多相关React中展示文件流图片内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复