TOPIC
The four pieces of a real CRUD resource — listing with search and pagination, image-handled create/update, and safe delete — assembled into one practical, version-agnostic walkthrough.
The multiple attribute on a file input is the easy part — looping through the resulting FileList and appending each file to FormData under a repeated key is what a backend actually needs to receive them all.
Three separate php.ini directives all cap upload size independently — raising only one of them still leaves the request blocked by whichever limit is lowest.
Reducing an uploaded image's file size without resizing it, using Intervention Image — and why compression quality and visual quality are not the same tradeoff for every image.
Creating several resized versions of an uploaded image on the fly with Intervention Image — a small thumbnail, a medium preview, and the original — and why doing this at upload time beats resizing on every request.
A working example of uploading an image via AJAX in Laravel with a live browser preview before the request is sent, using FormData and the public disk.
File inputs in Angular are uncontrolled — you read the selected File object off a change event, then hand it to the browser's FormData API before sending it with HttpClient.
The mimes, max, and dimensions validation rules for file uploads, and why validating the file extension alone is not a real security check.
