How to preview your uploaded profile picture in front-end when you upload it

 In this article I will show you how to preview your picture in react/JavaScript when you uploaded

1. Create a new project using react (npx create-react-app your-app-name).

2. create a form component with file input element tag.

as showing the below picture

3. Let's create another component with PreviewProfile.jsx (as your desire) and write the following code:

and run your application upload an image and that's all.