尝试在前端显示图像(使用react native,nodejs和Amazon s3)

时间:2019-04-27 21:08:36

标签: javascript node.js mongodb react-native amazon-s3

我正在尝试添加一项功能,用户可以从其移动图库中选择个人资料图片并进行设置。为此,我正在使用react native和nodejs。我使用nodejs成功地将文件上传到s3,获取了一个URL并将该URL作为用户个人资料图片存储在数据库中。我现在需要做前端,而我真的为此感到挣扎。如何在react native中加载URL,以便可以看到个人资料图片。谢谢。

2 个答案:

答案 0 :(得分:1)

非常容易:

import {Image} from 'react-native';
<Image
   style={{width: 300, height: 300}}
   source={{uri: _urlOfImage}} />

答案 1 :(得分:0)

data.location是存储在aws中的图像的路径

s3.upload(params, function (err, data) {
if (err) {
console.log("Error", err);
}
if (data) {`enter code here`
res.json({ "imagAwsPath": data.Location })
}