Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/43.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示Blob图像节点_Javascript_Node.js_Reactjs - Fatal编程技术网

Javascript 显示Blob图像节点

Javascript 显示Blob图像节点,javascript,node.js,reactjs,Javascript,Node.js,Reactjs,显示水滴图像 我想在Mysql数据库中显示blob图像存储。我的nodejsapi获取数据并将其发送到react应用程序,在那里我将其转换为base 64并尝试显示图像。但是,它没有显示。那么,如何在react中显示blob图像呢 这是代码 office_front_pic_preview.value = "data:image/jpeg;base64," + base64.encode(profile.officefrontpic); <img src={this.props.offi

显示水滴图像

我想在Mysql数据库中显示blob图像存储。我的nodejsapi获取数据并将其发送到react应用程序,在那里我将其转换为base 64并尝试显示图像。但是,它没有显示。那么,如何在react中显示blob图像呢

这是代码

office_front_pic_preview.value = "data:image/jpeg;base64," + base64.encode(profile.officefrontpic);

<img src={this.props.office_street_pic_preview.value} />  
office\u front\u pic\u preview.value=“数据:图像/jpeg;base64,”+base64.encode(profile.officefrontpic);


应该可以工作。

您是否在chrome开发工具中检查它是否是有效的base64并在控制台数据中显示预览:image/jpeg;base64,W29iamVjdCBPYmplY3Rd,这是显示如果您将鼠标悬停在图像上,它将显示预览或复制代码并粘贴到omnibar中,如果它正确,它将显示在开发工具中显示的图像
<img src="data:image/jpeg;base64,W29iamVjdCBP.....">