概述
假设接口返回的数据为 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中展示文件流图片所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复