Upload image and show preview in angular || Angular || Angular Tutorial || Image Upload In Angular

In this video I have shown how to show preview of uploaded Image.

THANKS FOR WATCHING
'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
Follow me on:-

#angular #angulartutorial #angularcourse

[djohnson-kucl]

Thank you great video! I had to make updates to make it work for TypeScript and all the types.. For the template code use:
<input type="file" class="d-none" #imageInput/> For the typescript code use:
url: string|null|ArrayBuffer = './assets/banner1.jpg'
onFileSelected(files: FileList | null) {
if (files) {
var reader = new FileReader()

reader.onload = (event:Event) => {
let fileReader = event.target as FileReader
this.url = fileReader.result;
}
}
}

[daniloporto]

Thanks for the video! HELPED ME A LOT IN MY STUDIES :) . For those using Angular 12 or 13 adjust onselectFile(event) use "any" onselectFile(event:any).

[weixiangng]

Thanks for the video. Help me a lot for the upload part.

[noelara]

Thank You SO Much, it has been easier than other ways I saw. I need this hehehe Thanks!

[utkarshgupta]

thank you so much sir, this video helped in saving my job

[santoshborgad]

Thank you so much sir, this video is very informative for me...

[vikasswamy]

sir want to know how to display an image after complete load of angular module /component .. after complete loading only it should display until then visibility is hidden

[surajdhimaan]

thank you sir really you saved me dil se salaam

[utkarshgupta]

sir, if user selects a video then it should preview video and if user selects photo then it should preview photo, how to do it please help.

[thisworld]

thank you so much for making this video

[MhmmDonuts]

Does it also show a preview when I try to upload a pdf file? I need to read the file and convert it into blob /base64 string to save it in db

[georgeak]

niceee video Can u make one about multi step form with angular please ? it will be amazing

[MZ-uvsr]

hmmm, it's hitting reader.onload but not updating the front end with the picture.

[suvendubiswal]

How can be saved in angular using ajax and laravel

[talalzeid]

I dont understand, where is the upload ? in which folder can i find it ?

[SusantaMuduli]

can you please tell how to upload image in local angular folder

[CodeWithJamil]

sir how to update image in angular please make video on it

[cricketloverz]

Sir we are waiting for new video please upload sir ❤️❤️❤️