How to require('var') with var is local url in ReactJS?

Question

I want to load img in ReactJS. But I can't put url img in require.

Note: const 'Photo' is url link of picture.

Any help will be appreciated..

Thanks.

What is the directory structure and what is location of image? — Salman Zafar, Apr 14 '20 at 15:04
If `photo` is the url, then there is no need for `require`, just use the constant directly. — Chris, Apr 14 '20 at 15:08
[How to dynamic require correctly?](https://stackoverflow.com/a/62095265/2873538) — Ajeet Shah, May 29 '20 at 22:16

Ajeet Shah · Answer 1 · 2020-05-02T12:49:55.333

0

So, this should work:

<img src={require('./upload/' + fileName)} />

The first part inside require is directory and the second one is fileName e.g. my-image.png.

Or there are various other ways to handle dynamic requires: map, switch

edited May 02 '20 at 12:49

answered Apr 14 '20 at 16:01

Ajeet Shah

I tried both of them didn't work. Anyway photo is really a correct path when I put "./pic.jpg" but string photo="./pic.jpg" is not work – Khiem Nguyen Apr 15 '20 at 10:13

score 0 · Answer 2 · answered Apr 15 '20 at 10:21

0

This is the directory structure and 'photo' = "./upload/xxxxxxxxxx.jpg" enter image description here

answered Apr 15 '20 at 10:21

Khiem Nguyen

2 Answers2