Full CRUD Functionality with Filepond in Vue 3, Inertia and Laravel 10 Backend (uploading images)

307 Views Asked by At

I've been searching extensively for a comprehensive example or guide that demonstrates full CRUD (Create, Read, Update, Delete) functionality using Filepond with Vue, and Inertia JS integrated with a Laravel backend, but I haven't found a single resource that covers all the details I need. I'm reaching out here in the hope of getting some guidance or resources.

Here's what I'm specifically looking to implement in my Vue application with Laravel as the backend:

  1. Uploading Multiple Files: Allow users to upload multiple files using Filepond.

  2. Pre-Upload Deletion: Enable users to delete selected files before they are uploaded or submitted.

  3. Re-Ordering Images: Feature to reorder the images in the Filepond interface.

  4. Loading Existing Images: Load existing images in the Filepond form, useful for editing entries.

  5. Associating Images with a Product ID: Store images in relation to a specific product ID in my Laravel backend.

  6. Auto-Deletion of Temporary Upload Folder: Automatically delete the temporary images upload folder after a certain period.

I've searched throughout the entire internet, literally. This is the first time I've been so desperate to ask a question here. Any guidance, resources, or examples specific to Vue with a Laravel backend, using Filepond for file management, would be immensely appreciated!

While trying, I've installed:

0

There are 0 best solutions below