/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 vote393 views1 answer
React router v6 lazy suspense
Javascript React
0 vote386 views3 answers
Add if condition in map react
Javascript React
1 vote430 views1 answer
React native "modalize" above bottom navigation
Javascript React
32 votes401 views1 answer
React roouter dom
Javascript React
0 vote398 views1 answer
React-native-ffmpeg gradel issue
Javascript React
3 votes416 views2 answers
React native image fit container
Javascript React
0 vote380 views1 answer
Jest mock react router params
Javascript React
1 vote362 views1 answer
Inject Javascript Function not working in Android React Native WebView but work fine in iOS React Native
Javascript React
4 votes378 views1 answer
Import all images from folder reactjs
Javascript React
0 vote402 views1 answer
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15); to react native
Javascript React