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
– Salman Zafar, Commented Apr 14, 2020 at 15:04
If photo is the url, then there is no need for require, just use the constant directly. — Chris
– Chris, Commented Apr 14, 2020 at 15:08

Khiem Nguyen · Accepted Answer · 2020-04-15 10:21:08Z

0

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

answered Apr 15, 2020 at 10:21

Khiem Nguyen

673 bronze badges

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

Comments

Ajeet Shah · Accepted Answer · 2020-05-02 12:49:55Z

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

answered Apr 14, 2020 at 16:01

Ajeet Shah

19.9k10 gold badges66 silver badges107 bronze badges

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