reactjs - 如何从json blob渲染图像

时间:2017-05-14 14:27:23

标签: reactjs

我是reactjs的新手,我正在将json数据推送到react组件中。我试图在循环中添加cost image = require(json.image),但它不是一个有效的过程。要求不代表动态路径 - 导入在子级别无效

1 个答案:

答案 0 :(得分:3)

json存储在stateprop中,然后使用它来渲染图像

const image = new Image();
image.src = URL.createObjectURL(json.image);

编辑:如果json.image是文件数据,那么您必须转换为blob

var binaryData = []; 
binaryData.push(data); 
image.src = URL.createObjectURL(new Blob(binaryData, {type: "application/zip"}))"