/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

1 vote287 views1 answer
React native componentwillmount vs componentdidmount
Javascript React
-1 vote288 views2 answers
Email validation in react js
Javascript React
0 vote294 views1 answer
React JSON data to display in a table
Javascript React
0 vote286 views1 answer
React native set variable key in loop
Javascript React
23 votes266 views6 answers
Map react
Javascript React
1 vote287 views1 answer
React scroll to bottom of div
Javascript React
32 votes294 views1 answer
How to use react router
Javascript React
3 votes349 views1 answer
Could not resolve dependency: npm ERR! peer react@"17.0.1" from [email protected]
Javascript React
17 votes315 views3 answers
React router url params
Javascript React
1 vote290 views1 answer
Firebase react router page not found on page refresh
Javascript React