How to Preview an Image using JavaScript
In this video, We will see how we can preview image in html using javascript.
Using html input type file we can have image on web page. But how to show that image before uploading on server is the question some time.
We can achieve this feature just by adding few lines of html & javascript code.
Step 1 - add img tag & input type file tags on html
Step 2 - Add onchange function on input type file
Step 3 - Add script in html for preview file
If you follow this video, then there is no need to store image on server if you just want to preview.
#html5 #javascript
![[Non English] 1.7 Khmer Language](https://images.videosashka.com/watch/1IHVRDyjUKs)
![Angular material mat-checkbox custom styling | Angular Material 17 | MDC [NEW]](https://images.videosashka.com/watch/ApjszLgG-hc)
![angular material mat-form-field custom style | Angular Material 17 | MDC [NEW]](https://images.videosashka.com/watch/10DcUrqfE4s)
![angular material mat spinner custom style | Angular Material 17 | MDC [NEW]](https://images.videosashka.com/watch/Nr32w9A-WY0)