Attempting to display image on front end (using react native, nodejs and amazon s3)

Question

I am attempting to add a functionality where users can select a profile pic from their mobile gallery and set it. For this, i am using react native and nodejs. I successfully upload a file to s3 using nodejs, get a URL and store that URL in the database as the users profile pic. I now need to do the front end, and i am really struggling with this. How would load the URL in react native so the profile pic is visible. Thank you.

ShaiShai · Accepted Answer · 2019-04-28 09:51:53Z

1

Very easy:

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

answered Apr 28, 2019 at 9:51

ShaiShai

1547 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ninja077 Over a year ago

Hey friend. Thank you so much but one thing. I have implemented upload in node(my backend) and get the url from there, so.how would i know what the upload url is. If a user selects an image how do i get the url from the backend?

Ninja077 Over a year ago

How would i get the url of an image the user uploaded, when i have the url in the backend ?

Umar Zahir · Accepted Answer · 2020-04-02 17:07:13Z

0

data.location is the path of image stored in aws

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

answered Apr 2, 2020 at 17:07

Umar Zahir

353 bronze badges

Collectives™ on Stack Overflow

Attempting to display image on front end (using react native, nodejs and amazon s3)

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related