/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

0 vote161 views1 answer
How to empty input field in react
Javascript React
3 votes199 views5 answers
React date range picker
Javascript React
0 vote194 views1 answer
Disable enter on input field react
Javascript React
31 votes179 views1 answer
Npm install react-router-dom --save
Javascript React
0 vote212 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
3 votes179 views1 answer
How to call a function in react with arguments onclick
Javascript React
0 vote133 views1 answer
React state scope
Javascript React
0 vote180 views1 answer
Spring reactive web client throw exception test
Javascript React
0 vote260 views1 answer
React flip move
Javascript React
15 votes181 views1 answer
Reducer in react example
Javascript React