File uploads are one of the most common requirements in web applications. Laravel makes handling file uploads and image storage secure, simple, and flexible. In this guide, we\u2019ll walk through uploading files, validating them, storing them locally or in cloud services like Amazon S3, and building a simple UI to manage uploaded images.<\/p>\n\n\n\n
\/\/ routes\/web.php<\/span>\nuse<\/span> App<\/span>\\Http<\/span>\\Controllers<\/span>\\FileController<\/span>;\n\nRoute::get('\/upload'<\/span>, [FileController::class, 'create'<\/span>]);\nRoute::post('\/upload'<\/span>, [FileController::class, 'store'<\/span>]);<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\nHere we define two routes: one for displaying the upload form and another for processing file uploads. The FileController<\/code> will handle the logic.<\/p>\n\n\n\n<\/div>\n\n\n\nController for Handling Uploads<\/strong><\/h2>\n\n\n\/\/ app\/Http\/Controllers\/FileController.php<\/span>\nnamespace<\/span> App<\/span>\\Http<\/span>\\Controllers<\/span>;\n\nuse<\/span> Illuminate<\/span>\\Http<\/span>\\Request<\/span>;\nuse<\/span> Illuminate<\/span>\\Support<\/span>\\Facades<\/span>\\Storage<\/span>;\n\nclass<\/span> FileController<\/span> extends<\/span> Controller<\/span>\n<\/span>{\n public<\/span> function<\/span> create<\/span>()<\/span>\n <\/span>{\n return<\/span> view('upload'<\/span>);\n }\n\n public<\/span> function<\/span> store<\/span>(Request $request)<\/span>\n <\/span>{\n $validated = $request->validate([\n 'file'<\/span> => 'required|image|mimes:jpg,jpeg,png,gif|max:2048'<\/span>\n ]);\n\n $path = $request->file('file'<\/span>)->store('uploads'<\/span>, 'public'<\/span>);\n\n return<\/span> back()->with('success'<\/span>, 'File uploaded successfully!'<\/span>)\n ->with('path'<\/span>, $path);\n }\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\nWe validate that the uploaded file is an image with a maximum size of 2MB. The file is stored in the storage\/app\/public\/uploads<\/code> directory using the public<\/code> disk configuration.<\/p>\n\n\n\n<\/div>\n\n\n\nBlade Template for File Upload<\/strong><\/h2>\n\n\n<!-- resources\/views\/upload.blade.php -->\n<!DOCTYPE html>\n<html>\n<head>\n <title>File Upload<\/title>\n<\/head>\n<body>\n @if<\/span>(session('success'<\/span>))\n <p style=\"color:green;\"<\/span>>{{ session('success'<\/span>) }}<\/p>\n <img src=\"{{ asset('storage\/' . session('path')) }}\"<\/span> width=\"200\"<\/span>>\n @endif<\/span>\n\n <form action=\"\/upload\"<\/span> method=\"POST\"<\/span> enctype=\"multipart\/form-data\"<\/span>>\n @csrf\n <input type=\"file\"<\/span> name=\"file\"<\/span> required>\n <button type=\"submit\"<\/span>>Upload<\/button>\n <\/form>\n\n @error('file'<\/span>)\n <p style=\"color:red;\"<\/span>>{{ $message }}<\/p>\n @enderror\n<\/body>\n<\/html><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\nThis Blade template provides a simple upload form. If the upload succeeds, it displays the uploaded image back to the user.<\/p>\n\n\n\n
<\/div>\n\n\n\nStoring Files in Amazon S3<\/strong><\/h2>\n\n\n\/\/ app\/Http\/Controllers\/FileController.php<\/span>\n$path = $request->file('file'<\/span>)->store('uploads'<\/span>, 's3'<\/span>);<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\nBy changing the second parameter to s3<\/code>, files are stored in Amazon S3. Make sure you configure your .env<\/code> with the correct AWS_ACCESS_KEY_ID<\/code>, AWS_SECRET_ACCESS_KEY<\/code>, and AWS_BUCKET<\/code>.<\/p>\n\n\n\n<\/div>\n\n\n\nListing Uploaded Files<\/strong><\/h2>\n\n\n\/\/ app\/Http\/Controllers\/FileController.php<\/span>\npublic<\/span> function<\/span> index<\/span>()<\/span>\n<\/span>{\n $files = Storage::disk('public'<\/span>)->files('uploads'<\/span>);\n return<\/span> view('files.index'<\/span>, compact('files'<\/span>));\n}<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\nWith Storage::disk('public')->files('uploads')<\/code> you can list all uploaded files in a given directory. This makes it easy to create a file manager or gallery.<\/p>\n\n\n<!-- resources\/views\/files\/index.blade.php -->\n<ul>\n @foreach<\/span>($files as<\/span> $file)\n <li>\n <img src=\"{{ asset('storage\/' . $file) }}\"<\/span> width=\"100\"<\/span>>\n {{ $file }}\n <\/li>\n @endforeach<\/span>\n<\/ul><\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n\n\nThis Blade view displays thumbnails of uploaded images. You can extend it with delete buttons, rename functionality, or even drag-and-drop reordering.<\/p>\n\n\n\n
<\/div>\n\n\n\nSecurity Considerations<\/strong><\/h2>\n\n\n\n\n- Always validate files with
mimes<\/code> and max<\/code> rules.<\/li>\n- Never store user uploads in the
public\/<\/code> root without validation.<\/li>\n- Use signed URLs or policies for private file access.<\/li>\n
- Limit maximum file size to avoid performance issues.<\/li>\n<\/ul>\n\n\n\n
Following these security best practices helps prevent malicious uploads and keeps your app safe.<\/p>\n\n\n\n
<\/div>\n\n\n\nWrapping Up<\/strong><\/h2>\n\n\n\nHandling file uploads and image storage in Laravel is straightforward thanks to the powerful Storage<\/code> facade and built-in validation. You can support local, S3, or other drivers, and even build a UI to display uploaded files. By combining validation, secure storage, and Blade templates, you can safely add file management features to any application.<\/p>\n\n\n\n<\/div>\n\n\n\nWhat\u2019s Next<\/strong><\/h2>\n\n\n\nIf you found file uploads useful, explore these guides to go further:<\/p>\n\n\n\n
\n- Implementing Image Upload and Processing in Laravel<\/a><\/li>\n
- How to Build a File Manager in Laravel<\/a><\/li>\n
- Best Practices for Storing API Keys Securely in Laravel<\/a><\/li>\n<\/ul>\n\n","protected":false},"excerpt":{"rendered":"
File uploads are one of the most common requirements in web applications. Laravel makes handling file uploads and image storage secure, simple, and flexible. In this guide, we\u2019ll walk through uploading files, validating them, storing them locally or in cloud services like Amazon S3, and building a simple UI to manage uploaded images. Setting Up […]<\/p>\n","protected":false},"author":1,"featured_media":614,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[137,135,22,136,55,19],"class_list":["post-610","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","tag-file-handling","tag-s3","tag-security","tag-storage","tag-uploads","tag-validation"],"_links":{"self":[{"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/posts\/610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/comments?post=610"}],"version-history":[{"count":1,"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/posts\/610\/revisions"}],"predecessor-version":[{"id":613,"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/posts\/610\/revisions\/613"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/media\/614"}],"wp:attachment":[{"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/media?parent=610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/categories?post=610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/1v0.net\/blog\/wp-json\/wp\/v2\/tags?post=610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}