Image Uploader Component with Vue.JS & Laravel - E03 (Preview + Upload)

Image uploader component is something you find yourself looking for in almost any application you build. In this small series, we'll create a file uploader using Vue.JS that can handle images and validate their type. Finally we store the files in our Laravel storage directory.

In this episode we take care of the images preview and add another buttons to add more images and upload existing images to the server.

Don't forget to subscribe :)

[sdBingen]

Your code is beautiful. Clean, good looking, easy to read. It could be considered art. Your presentation and delivery are excellent. Great job. Thanks!

[deastortion]

Hey, man. Where are you? It was 2 years ago, you haven't uploaded anything since then. Plz, come back.

Great stuff! Thanks a lot. I'll be adding a clear all or cancel button before the upload and a remove one below the size.

[enayee]

Nice tutorials, very detailed instruction and well explained on every steps that make it very clear. Thanks a lot!

[nordinzaidi]

Really cool stuff sir. Thanks for your time and instruction. If I'm allowed a petition I'd like to see a google maps component that grabs locations from DB and does all sorts of cool stuff with maps. With laravel of course ;)

[kernag]

Thank you Sir for the great educational material. Very, very useful! Will you be posting more educational videos, or if you are posting/sealing simular videos elsewere, where can I find them?

[mermelao]

How can i get the url of the imagen draged? :(
example
get something like this

[sarder]

What about if its a document uploader?

[estebancordoba]

hey man, all your videos are good at all. now i have a question: what can i do if now i want to show all the files that were uploaded?

[chengchivasentertainment]

Thanks for your guide. And Can you continue to guide for select a image from manager image ?.
Regard,

[deverphyokyawkyaw]

you need data table for saved image. if you don't mind, add please how to save data table

[kamilkanik]

How can I send images with original name ?

[passionategamer]

Sir How I convert sql query into the string
I concatenate query multiple times I want to know the final query result .

[normanaranez]

can you please add remove button for every image for wrong upload files. like for example, I drag multiple images and one of them should not be there.