将base64字符串转换为本机中的图像

Question

问题

我创建了一个社交媒体应用程序,其中包含expo的本地反应,并希望添加上传图像的功能.由于expo不允许您将文件转换为要上载的blob,因此我只将base64图像数据作为字符串上载到服务器数据库.从服务器下载数据后,如何将此数据再次转换为可查看的图像？

Answer 1

你可以这样做:

var base64Icon = 'data:image/png;base64,iVBORw0KGgoAAAANS...';
<Image style={{width: 50, height: 50}} source={{uri: base64Icon}}/>

在base64Icon变量中,您需要在之后放置base64数据data:image/png;base64,.像这样:

var base64Icon = 'data:image/png;base64,{PLACE_YOUR_BASE64_DATA_HERE}';