/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 vote381 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
3 votes400 views3 answers
React change url params
Javascript React
27 votes445 views4 answers
Font awesome react npm
Javascript React
7 votes374 views5 answers
Resize image react native
Javascript React
0 vote367 views1 answer
React native fade in fade out animation
Javascript React
0 vote421 views1 answer
Infinite scroll for chat react js
Javascript React
0 vote399 views1 answer
Warning React Hook useEffect has a missing dependency:
Javascript React
2 votes392 views1 answer
React native seperator code
Javascript React
24 votes392 views6 answers
Shadow react native
Javascript React
0 vote388 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React