在 React Native 中将 base64 字符串转换为图像
Convert base64 string to image in react native
问题
我用 expo 的 React Native 创建了一个社交媒体应用,想添加上传图片的功能。由于 expo 不会让你将文件转换为 blob 来上传,我只是将 base64 图像数据作为字符串上传到服务器数据库。从服务器下载数据后,如何将这些数据再次转换为可视图像?
你可以这样做:
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}';
问题
我用 expo 的 React Native 创建了一个社交媒体应用,想添加上传图片的功能。由于 expo 不会让你将文件转换为 blob 来上传,我只是将 base64 图像数据作为字符串上传到服务器数据库。从服务器下载数据后,如何将这些数据再次转换为可视图像?
你可以这样做:
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}';