Quantcast
Viewing latest article 12
Browse Latest Browse All 104

How to display a image selected from input type = file in reactJS

I'm trying to display a image selected from my computer in my web app. I referred the following question which addresses the question i'm trying to fix.

How to display selected image without sending data to server?

I have my html part like this

<div className="add_grp_image_div margin_bottom"><img src={img_upload} className="add_grp_image"/><input type="file" className="filetype" id="group_image"/><span className="small_font to_middle">Add group image</span><img id="target"/></div>

I want to display the selected image in

<img id="target"/>

How can i do this?

I referred FileReader docs as well.

https://developer.mozilla.org/en-US/docs/Web/API/FileReader


Viewing latest article 12
Browse Latest Browse All 104

Trending Articles