{"id":58443,"date":"2025-10-29T13:24:28","date_gmt":"2025-10-29T06:24:28","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=58443"},"modified":"2026-02-16T10:11:08","modified_gmt":"2026-02-16T03:11:08","slug":"belajar-laravel-bagian-26","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-26\/","title":{"rendered":"Belajar Laravel Bagian 26: Cara Hapus File Dari Database"},"content":{"rendered":"\n

Pada tutorial belajar Laravel bagian 25<\/a><\/strong>, kita telah mempelajari cara mengunggah file ke database serta menampilkan preview dari file yang berhasil diunggah. Nah, pada seri belajar Laravel bagian 26 ini, kita akan melanjutkan pembahasan dengan mempelajari cara menghapus file dari database di Laravel.<\/p>\n\n\n\n

Update Controller<\/strong><\/h2>\n\n\n\n

Silakan edit file app\/Http\/Controllers\/FileController.php<\/strong> untuk menambahkan method hapus<\/strong>, yang akan kita beri nama dengan method destroy<\/em><\/strong><\/p>\n\n\n\n

<?php\n\nnamespace App\\Http\\Controllers;\n\nuse Illuminate\\Http\\Request;\nuse App\\Models\\File;\nuse Illuminate\\Support\\Facades\\Storage;\n\nclass FileController extends Controller\n{\n    public function index()\n    {\n        $files = File::all();\n        return view('upload', compact('files'));\n    }\n\n    public function store(Request $request)\n    {\n        \/\/ Validasi\n        $request->validate([\n            'file' => 'required|mimes:jpg,jpeg,png,pdf|max:2048'\n        ]);\n\n        \/\/ Simpan file ke storage\/app\/public\/uploads\n        $path = $request->file('file')->store('uploads', 'public');\n\n        \/\/ Simpan ke database\n        $file = new File();\n        $file->name = $request->file('file')->getClientOriginalName();\n        $file->path = $path;\n        $file->save();\n\n        return back()->with('success', 'File berhasil diupload!');\n    }\n\n    public function destroy($id)\n    {\n        $file = File::findOrFail($id);\n\n        \/\/ Hapus file fisik di storage\n        if (Storage::disk('public')->exists($file->path)) {\n            Storage::disk('public')->delete($file->path);\n        }\n\n        \/\/ Hapus dari database\n        $file->delete();\n\n        return back()->with('success', 'File berhasil dihapus!');\n    }\n}\n\n<\/code><\/pre>\n\n\n\n
Update Routes<\/strong><\/h2>\n\n\n\n
Selanjutnya edit file  routes\/web.php<\/strong>. Tambahkan Route delete<\/strong>. 
<\/p>\n\n\n\n
use App\\Http\\Controllers\\FileController;\n\nRoute::get('\/upload', [FileController::class, 'index']);\nRoute::post('\/upload', [FileController::class, 'store']);\nRoute::delete('\/upload\/{id}', [FileController::class, 'destroy'])->name('upload.destroy');<\/code><\/pre>\n\n\n\n
Update View<\/strong><\/h2>\n\n\n\n
Selanjutnya edit untuk tampilan pada file resources\/views\/upload.blade.php<\/strong>.  Untuk menambahkan tombol Hapus<\/strong> di dalam tabel:<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n    <title>Upload File Laravel ke Database<\/title>\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n<\/head>\n<body>\n<div class=\"container mt-5\">\n    <h2 class=\"mb-4\">Upload File ke Database<\/h2>\n\n    {{-- Pesan sukses --}}\n    @if(session('success'))\n        <div class=\"alert alert-success\">{{ session('success') }}<\/div>\n    @endif\n\n    {{-- Error --}}\n    @if($errors->any())\n        <div class=\"alert alert-danger\">\n            <ul class=\"mb-0\">\n                @foreach ($errors->all() as $err)\n                    <li>{{ $err }}<\/li>\n                @endforeach\n            <\/ul>\n        <\/div>\n    @endif\n\n    <!-- Form Upload -->\n    <div class=\"card shadow mb-4\">\n        <div class=\"card-body\">\n            <form action=\"\/upload\" method=\"POST\" enctype=\"multipart\/form-data\">\n                @csrf\n                <div class=\"mb-3\">\n                    <label class=\"form-label\">Pilih File<\/label>\n                    <input type=\"file\" name=\"file\" class=\"form-control\">\n                <\/div>\n                <button type=\"submit\" class=\"btn btn-primary\">Upload<\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n\n    <!-- List File -->\n    <h4>Daftar File<\/h4>\n    <table class=\"table table-bordered align-middle\">\n        <thead class=\"table-dark\">\n            <tr>\n                <th>No<\/th>\n                <th>Nama File<\/th>\n                <th>Preview<\/th>\n                <th>Aksi<\/th>\n            <\/tr>\n        <\/thead>\n        <tbody>\n            @forelse($files as $index => $f)\n                <tr>\n                    <td>{{ $index+1 }}<\/td>\n                    <td>{{ $f->name }}<\/td>\n                    <td>\n                        @php $ext = pathinfo($f->path, PATHINFO_EXTENSION); @endphp\n                        @if(in_array($ext, ['jpg','jpeg','png']))\n                            <img src=\"{{ asset('storage\/'.$f->path) }}\" class=\"img-thumbnail\" style=\"max-width:100px;\">\n                        @elseif($ext == 'pdf')\n                            <a href=\"{{ asset('storage\/'.$f->path) }}\" target=\"_blank\" class=\"btn btn-danger btn-sm\">Lihat PDF<\/a>\n                        @else\n                            <a href=\"{{ asset('storage\/'.$f->path) }}\" target=\"_blank\" class=\"btn btn-secondary btn-sm\">Download<\/a>\n                        @endif\n                    <\/td>\n                    <td>\n                        <form action=\"{{ route('upload.destroy', $f->id) }}\" method=\"POST\" onsubmit=\"return confirm('Yakin hapus file ini?')\">\n                            @csrf\n                            @method('DELETE')\n                            <button type=\"submit\" class=\"btn btn-danger btn-sm\">Hapus<\/button>\n                        <\/form>\n                    <\/td>\n                <\/tr>\n            @empty\n                <tr>\n                    <td colspan=\"4\" class=\"text-center\">Belum ada file<\/td>\n                <\/tr>\n            @endforelse\n        <\/tbody>\n    <\/table>\n<\/div>\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
Storage Link<\/strong><\/h2>\n\n\n\n
Terakhir memastikan symbolic link sudah dibuat. Jalankan perintah berikut<\/p>\n\n\n\n
php artisan storage:link<\/code><\/pre>\n\n\n\n
Lakukan Testing<\/strong><\/h2>\n\n\n\n
Silakan akses http:127.0.0.1\/upload<\/strong> kemudian upload file (jpg\/png\/pdf). File yang diupload tersebut akan disimpan di folder storage<\/strong> dan akan masuk ke dalam path database.<\/p>\n\n\n\n
\"testing<\/a><\/figure>\n\n\n\n
Lakukan hapus file dengan tekan tombol Hapus<\/strong>. Saat tombol ini di klik, akan tampil popup yang mengkonfirmasi apakah Anda benar ingin menghapus file tersebut? <\/p>\n\n\n
\n
\"popup<\/a><\/figure>\n<\/div>\n\n\n
Saat Anda klik Oke, maka file akan dihapus, dan informasi path di database juga akan dihapus. <\/p>\n\n\n\n
\"belajar<\/a><\/figure>\n\n\n\n
Penutup<\/strong><\/h2>\n\n\n\n
Sekarang, Anda telah mempelajari cara menghapus file dari database menggunakan Laravel. Dengan langkah ini, fitur upload file pada aplikasi Laravel Anda menjadi lebih lengkap karena sudah dilengkapi dengan fungsi untuk menghapus file yang tidak lagi dibutuhkan.<\/p>\n\n\n\n
Demikian tutorial belajar Laravel bagian 26 tentang cara menghapus file dalam database di Laravel. Ikuti terus seri belajar Laravel selanjutnya dari Rumahweb Indonesia, agar kemampuan Laravel Anda semakin meningkat. Semoga bermanfaat.<\/p>\n","protected":false},"excerpt":{"rendered":"
Pada tutorial belajar Laravel bagian 25, kita telah mempelajari cara mengunggah file ke database serta menampilkan preview dari file yang berhasil diunggah. Nah, pada seri belajar Laravel bagian 26 ini, kita akan melanjutkan pembahasan dengan mempelajari cara menghapus file dari database di Laravel. Update Controller Silakan edit file app\/Http\/Controllers\/FileController.php untuk menambahkan method hapus, yang akan […]<\/p>\n","protected":false},"author":319,"featured_media":58801,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[1587,135,796,1497],"class_list":{"0":"post-58443","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-belajar-laravel","9":"tag-database","10":"tag-laravel","11":"tag-tutorial-laravel"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2025\/10\/banner-belajar-laravel-bagian-26.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-fcD","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/58443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/319"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=58443"}],"version-history":[{"count":4,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/58443\/revisions"}],"predecessor-version":[{"id":61808,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/58443\/revisions\/61808"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/58801"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=58443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=58443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=58443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}