/Javascript/React/Show uploaded image in react/nextjs

Show uploaded image in react/nextjs

useEffect(() => {
   // create the preview
   const objectUrl = URL.createObjectURL(selectedFile)
   setPreview(objectUrl)

   // free memory when ever this component is unmounted
   return () => URL.revokeObjectURL(objectUrl)
}, [selectedFile])

Source: stackoverflow.com

Similar codes

3 votes227 views3 answers
Chart js react
Javascript React
1 vote220 views2 answers
React state not updating immediately
Javascript React
1 vote240 views1 answer
Lazy loading pagination react npm
Javascript React
11 votes238 views3 answers
Add condition inside a className in reactjs
Javascript React
63 votes208 views6 answers
React router install
Javascript React
1 vote245 views1 answer
How to setup React Context, useContext Hook
Javascript React
6 votes228 views1 answer
Disable inputetext in react native
Javascript React
0 vote241 views1 answer
Sweper slider react
Javascript React
0 vote225 views1 answer
Implementing state lifecycle in react class component
Javascript React
0 vote229 views1 answer
React native elements bottom sheet
Javascript React