在本机反应中将base64字符串转换为图像

【问题标题】：Convert base64 string to image in react native在本机反应中将base64字符串转换为图像
【发布时间】：2018-01-07 06:49:53
【问题描述】：

问题

我使用 expo 的 react native 创建了一个社交媒体应用，并希望添加上传图片的功能。由于 expo 不允许您将文件转换为要上传的 blob，因此我只是将 base64 图像数据作为字符串上传到服务器数据库。从服务器下载数据后，如何再次将这些数据转换为可视图像？

【问题讨论】：

不要尝试将图像作为 blob 上传，而是创建一个表单并将图像作为文件附加。您不应该将图像存储在数据库中，而应该将它们存储为从数据库引用的文件。请参阅此示例：github.com/g6ling/React-Native-Tips/tree/master/…
您可以使用react-native-fetch-blob 将图像转换为base64，然后再从base64 转换回图像。

【解决方案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}';

【讨论】：

data:image/png;base64,${item.appIcon}}} 正在从 api 获取 base64 图标，但在 react native web 中没有显示应用程序图标
如果要下载怎么办？