Part 2 — Multiple File Management with Laravel and VueJs
If you recall, a couple of weeks ago I published an article introducing a way to handle multiple file uploads to Laravel through VueJs.
Web Hosting Recommendation
Many people have asked me about the hosting I am using. To be honest I tried different hosting accounts from shared, VPS and dedicated. In case you want some really affordable hosting I recommend Bluehost. I am also hosting some of my Laravel projects right there on this $3.95 shared account and it works great.
Continue …
This time we went to complete almost 100% of the process, including:
- Create User/Login
- Upload multiple files
- Tag each file with a category (These categories have been seeded inside the app)
- Deleting a file from the server and database
- Counting total attachments size (in MB)
- Showing upload percentage of all files
- Showing loader when sending via AJAX
This will be enough for most of your apps, as it represents a basic for file uploading and management. As you will notice, each file is related to the user uploading the file, and even though the file upload page is public, there is a server restriction for users that are not logged in. This is left on purpose to demonstrate that restriction.
I will follow up with another video to give away more details and talk about tips and tricks.
What’s next
In the next article, I will present how to deal with certain file type restrictions as well as putting a limit on file size.
Please clap if you liked the article and let me know in your comments what else you might want me to do.
Don’t forget to watch the git repository and star it because this is one of the project examples you will always be going back for reference. I know I will.
Note: Watch out for trying to get property of non-object laravel issue.
Checkout the repo here https://github.com/asabanovic/file-management-vuejs
