{"id":1364,"date":"2024-01-31T07:11:45","date_gmt":"2024-01-31T07:11:45","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1364"},"modified":"2024-01-31T07:13:45","modified_gmt":"2024-01-31T07:13:45","slug":"laravel-31-hapus-file-dengan-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-31-hapus-file-dengan-laravel\/","title":{"rendered":"\u00a0Laravel #31 : Hapus File Dengan Laravel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1364\" class=\"elementor elementor-1364\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d48b0c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5d48b0c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-af75c6f\" data-id=\"af75c6f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-436368b elementor-widget elementor-widget-text-editor\" data-id=\"436368b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2>Hapus File Dengan Laravel<\/h2>\n<p>Jika teman-teman mengikuti tutorial laravel sebelumnya di malasngoding.com tentang&nbsp;<strong>membuat upload file ke database mysql dengan laravel<\/strong>, maka kita sudah punya form penginputan atau upload file, dan kita juga sudah menampilkan data dan gambar yang sudah diupload.<\/p>\n<p>Saya ulas kembali apa saja yang sudah kita miliki sekarang dalam project&nbsp;<a href=\"https:\/\/www.tutorialspoint.com\/laravel\/laravel_file_uploading.htm\" target=\"_blank\" rel=\"noopener\">laravel<\/a>&nbsp;<strong>membuat upload dan hapus file dengan laravel<\/strong>&nbsp;ini.<\/p>\n<p><strong>Table<\/strong><\/p>\n<p>Table gambar dengan kolum seperti berikut :<\/p>\n<div class=\"iklan-produk my-2 border border-2 rounded p-3 my-4 border-primary bg-info bg-opacity-10 border-dashed\">\n<div class=\"row\">\n<div class=\"col-3 col-lg-2 d-flex align-items-center\"><br><\/div><div class=\"col-9 col-lg-10 d-flex align-items-center\">\n<\/div>\n<\/div>\n<\/div>\n<ul>\n<li>id<\/li>\n<li>file<\/li>\n<li>keterangan<\/li>\n<li>created_at<\/li>\n<li>updated_at<\/li>\n<\/ul>\n<p>Baca kembali selengkapnya di&nbsp;<a href=\"https:\/\/www.malasngoding.com\/membuat-upload-file-laravel\/\" target=\"_blank\" rel=\"noopener\">tutorial upload file dengan laravel<\/a>.<\/p>\n<p><strong>Routes =&gt; roures\/web.php<\/strong><\/p>\n<div id=\"crayon-65b9f03f6ed00961724880\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed00961724880-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed00961724880-2\">2<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed00961724880-1\" class=\"crayon-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/upload&#8217;<\/span>, <span class=\"crayon-s\">&#8216;UploadController@upload&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed00961724880-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">post<\/span>(<span class=\"crayon-s\">&#8216;\/upload\/proses&#8217;<\/span>, <span class=\"crayon-s\">&#8216;UploadController@proses_upload&#8217;<\/span>);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><strong>Controllers =&gt; app\/Http\/Controllers\/UploadController.php<\/strong><\/p>\n<div id=\"crayon-65b9f03f6ed08462978081\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-expand-button\" title=\"Expand Code\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed08462978081-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed08462978081-39\">39<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed08462978081-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-3\" class=\"crayon-line\"><span class=\"crayon-e\">namespace <\/span><span class=\"crayon-i\">App<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Controllers<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-5\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Request<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-7\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">App<\/span>\\<span class=\"crayon-i\">Gambar<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-9\" class=\"crayon-line\"><span class=\"crayon-e\">class<\/span> <span class=\"crayon-e\">UploadController<\/span> <span class=\"crayon-e\">extends<\/span> <span class=\"crayon-e\">Controller<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-10\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-11\" class=\"crayon-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">upload<\/span>(){<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-12\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">gambar<\/span> = <span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">get<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-13\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;upload&#8217;<\/span>,[<span class=\"crayon-s\">&#8216;gambar&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">gambar<\/span>]);<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-14\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">proses_upload<\/span>(<span class=\"crayon-i\">Request<\/span> $<span class=\"crayon-i\">request<\/span>){<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-17\" class=\"crayon-line\">$<span class=\"crayon-i\">this<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">validate<\/span>($<span class=\"crayon-i\">request<\/span>, [<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-s\">&#8216;file&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> <span class=\"crayon-s\">&#8216;required|file|image|mimes:jpeg,png,gif,webp|max:2048&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-19\" class=\"crayon-line\"><span class=\"crayon-s\">&#8216;keterangan&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> <span class=\"crayon-s\">&#8216;required&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-20\" class=\"crayon-line crayon-striped-line\">]);<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-21\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-22\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/\/ menyimpan data file yang diupload ke variabel $file<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-23\" class=\"crayon-line\">$<span class=\"crayon-i\">file<\/span> = $<span class=\"crayon-i\">request<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">file<\/span>(<span class=\"crayon-s\">&#8216;file&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-24\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-25\" class=\"crayon-line\">$<span class=\"crayon-i\">nama_file<\/span> = <span class=\"crayon-e\">time<\/span>().<span class=\"crayon-s\">&#8220;_&#8221;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalName<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-26\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-27\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-c\">\/\/ isi dengan nama folder tempat kemana file diupload<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-28\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">tujuan_upload<\/span> = <span class=\"crayon-s\">&#8216;data_file&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-29\" class=\"crayon-line\">$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">move<\/span>($<span class=\"crayon-i\">tujuan_upload<\/span>,$<span class=\"crayon-i\">nama_file<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-30\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-31\" class=\"crayon-line\"><span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">create<\/span>([<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-s\">&#8216;file&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">nama_file<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-33\" class=\"crayon-line\"><span class=\"crayon-s\">&#8216;keterangan&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">request<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">keterangan<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-34\" class=\"crayon-line crayon-striped-line\">]);<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-35\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-36\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">redirect<\/span>()-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">back<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-37\" class=\"crayon-line\">}<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-38\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed08462978081-39\" class=\"crayon-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><strong>View =&gt; resources\/views\/upload.blade.php<\/strong><\/p>\n<div id=\"crayon-65b9f03f6ed0a503498577\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-expand-button\" title=\"Expand Code\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-42\">42<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-43\">43<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-44\">44<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-45\">45<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-46\">46<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-47\">47<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-48\">48<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-49\">49<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-50\">50<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-51\">51<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-52\">52<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-53\">53<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-54\">54<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-55\">55<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-56\">56<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-57\">57<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-58\">58<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-59\">59<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-60\">60<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-61\">61<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-62\">62<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0a503498577-63\">63<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0a503498577-64\">64<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed0a503498577-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>!<span class=\"crayon-e\">DOCTYPE <\/span><span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-3\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">head<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">title<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Tutorial <\/span><span class=\"crayon-i\">Laravel<\/span> <span class=\"crayon-p\">#31 : Membuat Hapus File Dengan Laravel&lt;\/title&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-5\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">link <\/span><span class=\"crayon-i\">rel<\/span>=<span class=\"crayon-s\">&#8220;stylesheet&#8221;<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.3.1\/css\/bootstrap.min.css&#8221;<\/span> <span class=\"crayon-i\">integrity<\/span>=<span class=\"crayon-s\">&#8220;sha384-ggOyR0iXCbMQv3Xipma34MD+dH\/1fQ784\/j6cY\/iJTQUOhcWr7x9JvoRxT2MZw1T&#8221;<\/span> <span class=\"crayon-i\">crossorigin<\/span>=<span class=\"crayon-s\">&#8220;anonymous&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-7\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">head<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-8\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">body<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-9\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;row&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;container&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-11\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">h2 <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;text-center my-5&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">Tutorial <\/span><span class=\"crayon-i\">Laravel<\/span> <span class=\"crayon-p\">#31 : Membuat Hapus File Dengan Laravel&lt;\/h2&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-13\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">h4<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">target<\/span>=<span class=\"crayon-s\">&#8220;_blank&#8221;<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;https:\/\/www.malasngoding.com\/hapus-file-dengan-laravel\/&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">www<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">malasngoding<\/span><span class=\"crayon-st\">.<\/span><span class=\"crayon-i\">com<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">h4<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;col-lg-8 mx-auto my-5&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-16\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">if<\/span>(<span class=\"crayon-e\">count<\/span>($<span class=\"crayon-i\">errors<\/span>) <span class=\"crayon-h\">&gt;<\/span> <span class=\"crayon-cn\">0<\/span>)<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-17\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;alert alert-danger&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-18\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-e\">foreach<\/span> ($<span class=\"crayon-i\">errors<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">all<\/span>() <span class=\"crayon-i\">as<\/span> $<span class=\"crayon-i\">error<\/span>)<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-19\" class=\"crayon-line\">{{$<span class=\"crayon-i\">error<\/span> }} <span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-20\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-i\">endforeach<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-21\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">div<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-22\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-i\">endif<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-23\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-24\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">form <\/span><span class=\"crayon-i\">action<\/span>=<span class=\"crayon-s\">&#8220;\/upload\/proses&#8221;<\/span> <span class=\"crayon-i\">method<\/span>=<span class=\"crayon-s\">&#8220;POST&#8221;<\/span> <span class=\"crayon-i\">enctype<\/span>=<span class=\"crayon-s\">&#8220;multipart\/form-data&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-25\" class=\"crayon-line\">{{<span class=\"crayon-e\">csrf_field<\/span>() }}<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-26\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-27\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;form-group&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-28\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">b<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">File <\/span><span class=\"crayon-i\">Gambar<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">b<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">br<\/span>\/<span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-29\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">input <\/span><span class=\"crayon-i\">type<\/span>=<span class=\"crayon-s\">&#8220;file&#8221;<\/span> <span class=\"crayon-i\">name<\/span>=<span class=\"crayon-s\">&#8220;file&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-30\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">div<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-31\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">div <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;form-group&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-33\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">b<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Keterangan<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">b<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-34\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">textarea <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;form-control&#8221;<\/span> <span class=\"crayon-i\">name<\/span>=<span class=\"crayon-s\">&#8220;keterangan&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">textarea<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-35\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">div<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-36\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-37\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">input <\/span><span class=\"crayon-i\">type<\/span>=<span class=\"crayon-s\">&#8220;submit&#8221;<\/span> <span class=\"crayon-i\">value<\/span>=<span class=\"crayon-s\">&#8220;Upload&#8221;<\/span> <span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;btn btn-primary&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-38\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">form<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-39\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-40\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">h4 <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;my-5&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Data<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">h4<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-41\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-42\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">table <\/span><span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;table table-bordered table-striped&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-43\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">thead<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-44\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-45\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">th <\/span><span class=\"crayon-i\">width<\/span>=<span class=\"crayon-s\">&#8220;1%&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">File<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-46\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">Keterangan<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-47\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">th <\/span><span class=\"crayon-i\">width<\/span>=<span class=\"crayon-s\">&#8220;1%&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">OPSI<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">th<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-48\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-49\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">thead<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-50\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">tbody<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-51\" class=\"crayon-line\">@<span class=\"crayon-e\">foreach<\/span>($<span class=\"crayon-e\">gambar <\/span><span class=\"crayon-i\">as<\/span> $<span class=\"crayon-i\">g<\/span>)<\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-52\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-53\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">img <\/span><span class=\"crayon-i\">width<\/span>=<span class=\"crayon-s\">&#8220;150px&#8221;<\/span> <span class=\"crayon-i\">src<\/span>=<span class=\"crayon-s\">&#8220;{{ url(&#8216;\/data_file\/&#8217;.$g-&gt;file) }}&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-54\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-e\">td<\/span><span class=\"crayon-h\">&gt;<\/span>{{$<span class=\"crayon-i\">g<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">keterangan<\/span>}}<span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-55\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;btn btn-danger&#8221;<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;\/upload\/hapus\/{{ $g-&gt;id }}&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">HAPUS<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">td<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-56\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tr<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-57\" class=\"crayon-line\">@<span class=\"crayon-i\">endforeach<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-58\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">tbody<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-59\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">table<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-60\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">div<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-61\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">div<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-62\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">div<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-63\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">body<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0a503498577-64\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">html<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p><strong>Model =&gt; app\/Gambar.php<\/strong><\/p>\n<div id=\"crayon-65b9f03f6ed0c229983527\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0c229983527-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0c229983527-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0c229983527-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0c229983527-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0c229983527-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0c229983527-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0c229983527-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0c229983527-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0c229983527-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0c229983527-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0c229983527-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed0c229983527-12\">12<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed0c229983527-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-3\" class=\"crayon-line\"><span class=\"crayon-e\">namespace <\/span><span class=\"crayon-i\">App<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-5\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Database<\/span>\\<span class=\"crayon-i\">Eloquent<\/span>\\<span class=\"crayon-i\">Model<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-7\" class=\"crayon-line\"><span class=\"crayon-e\">class<\/span> <span class=\"crayon-e\">Gambar<\/span> <span class=\"crayon-e\">extends<\/span> <span class=\"crayon-e\">Model<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-8\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-9\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-i\">protected<\/span> $<span class=\"crayon-i\">table<\/span> = <span class=\"crayon-s\">&#8220;gambar&#8221;<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-10\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-11\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-i\">protected<\/span> $<span class=\"crayon-i\">fillable<\/span> = [<span class=\"crayon-s\">&#8216;file&#8217;<\/span>,<span class=\"crayon-s\">&#8216;keterangan&#8217;<\/span>];<\/div>\n<div id=\"crayon-65b9f03f6ed0c229983527-12\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Hasil nya seperti berikut.<\/p>\n<div id=\"attachment_3670\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3670 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/upload-dan-hapus-file-dengan-laravel.png\" alt=\"upload dan hapus file dengan laravel\" width=\"738\" height=\"460\" aria-describedby=\"caption-attachment-3670\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3670\" class=\"wp-caption-text\">upload dan hapus file dengan laravel<\/p>\n<\/div>\n<h3>Hapus File Dengan Laravel<\/h3>\n<p>Kita mulai proses penghapusan data dan filenya. perhatikan pada tampilan di atas, pada data yang tampil kita sudah membuat tombol untuk menghapus data dan gambar dengan laravel.<\/p>\n<p>Silahkan perhatikan pada view upload.blade.php.<\/p>\n<div id=\"crayon-65b9f03f6ed0d263219007\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0d263219007-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed0d263219007-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span><span class=\"crayon-st\">a<\/span> <span class=\"crayon-i\">class<\/span>=<span class=\"crayon-s\">&#8220;btn btn-danger&#8221;<\/span> <span class=\"crayon-i\">href<\/span>=<span class=\"crayon-s\">&#8220;\/upload\/hapus\/{{ $g-&gt;id }}&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">HAPUS<\/span><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-st\">a<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Kita sudah membuat link\/tombol hapus yang akan mengarahkan halaman ke route&nbsp;<strong>\/upload\/hapus\/{id}<\/strong>&nbsp;sambil mengirimkan id yang ingin dihapus data dan file gambarnya.<\/p>\n<p>Maka sekarang kita buat route baru untuk menangani proses penghapusan data.<\/p>\n<p><strong>routes\/web.php<\/strong><\/p>\n<div id=\"crayon-65b9f03f6ed0f489039436\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed0f489039436-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed0f489039436-1\" class=\"crayon-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/upload\/hapus\/{id}&#8217;<\/span>, <span class=\"crayon-s\">&#8216;UploadController@hapus&#8217;<\/span>);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Sehingga menjadi seperti berikut.<\/p>\n<div id=\"crayon-65b9f03f6ed10333505597\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed10333505597-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed10333505597-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed10333505597-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed10333505597-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed10333505597-5\">5<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed10333505597-1\" class=\"crayon-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/upload&#8217;<\/span>, <span class=\"crayon-s\">&#8216;UploadController@upload&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed10333505597-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">post<\/span>(<span class=\"crayon-s\">&#8216;\/upload\/proses&#8217;<\/span>, <span class=\"crayon-s\">&#8216;UploadController@proses_upload&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed10333505597-3\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed10333505597-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/\/ hapus file<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed10333505597-5\" class=\"crayon-line\"><span class=\"crayon-i\">Route<\/span>::<span class=\"crayon-e\">get<\/span>(<span class=\"crayon-s\">&#8216;\/upload\/hapus\/{id}&#8217;<\/span>, <span class=\"crayon-s\">&#8216;UploadController@hapus&#8217;<\/span>);<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>route&nbsp;<strong>\/upload\/hapus\/{id}<\/strong>&nbsp;ini akan memproses method hapus() dalam controller UploadController.php.<\/p>\n<p>Sekarang mari kita buat method&nbsp;<strong>hapus()<\/strong>&nbsp;dalam controller&nbsp;UploadController.php.<\/p>\n<p><strong>app\/Http\/Controllers\/UploadController.php<\/strong><\/p>\n<div id=\"crayon-65b9f03f6ed11902734191\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed11902734191-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed11902734191-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed11902734191-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed11902734191-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed11902734191-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed11902734191-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed11902734191-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed11902734191-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed11902734191-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed11902734191-10\">10<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed11902734191-1\" class=\"crayon-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">hapus<\/span>($<span class=\"crayon-i\">id<\/span>){<\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/\/ hapus file<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-3\" class=\"crayon-line\">$<span class=\"crayon-i\">gambar<\/span> = <span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">where<\/span>(<span class=\"crayon-s\">&#8216;id&#8217;<\/span>,$<span class=\"crayon-i\">id<\/span>)-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">first<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">File<\/span>::<span class=\"crayon-e\">delete<\/span>(<span class=\"crayon-s\">&#8216;data_file\/&#8217;<\/span>.$<span class=\"crayon-i\">gambar<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">file<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-5\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">\/\/ hapus data<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-7\" class=\"crayon-line\"><span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">where<\/span>(<span class=\"crayon-s\">&#8216;id&#8217;<\/span>,$<span class=\"crayon-i\">id<\/span>)-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">delete<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-9\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">redirect<\/span>()-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">back<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed11902734191-10\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>pada method ini kita menangkap data id yang dikirim melalui url. yaitu id data yang ingin dihapus. kemudian kita ambil datanya dari table gambar. kenapa kita ambil data gambar yang berdasarkan id ini? karena kita butuh nama file gambar yang ada pada record data ini.<\/p>\n<p>BACA :&nbsp;<a href=\"https:\/\/www.malasngoding.com\/crud-laravel-menggunakan-eloquent\/\" target=\"_blank\" rel=\"noopener\">Mengambil Data Dengan Eloquent Laravel<\/a><\/p>\n<p>Setelah kita memiliki nama file nya,&nbsp; maka kemudian kita hapus menggunakan fungsi delete() yang berasal dari class File pada laravel.<\/p>\n<p>Ingat !, upload gambar yang sebelumnya kita buat, file gambar nya kita buat dalam folder \u201cdata_file\u201d dalam folder \u201cpublic\u201c. karena segala sesuatu yang berhubungan dengan file di laravel, folder public selalu menjadi prioritas.<\/p>\n<p>Karena kita menggunakan class File, maka kita wajib memanggilnya terlebih dulu.<\/p>\n<div id=\"crayon-65b9f03f6ed12028910276\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed12028910276-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed12028910276-1\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">File<\/span>;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Sehingga keseluruhan isi controller&nbsp;<strong>UploadController.php<\/strong>&nbsp;sekarang seperti berikut.<\/p>\n<div id=\"crayon-65b9f03f6ed13281128312\" class=\"crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-toolbar\" data-settings=\" show\">\n<div class=\"crayon-tools\">\n<div class=\"crayon-button crayon-nums-button crayon-pressed\" title=\"Toggle Line Numbers\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-wrap-button\" title=\"Toggle Line Wrap\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-expand-button\" title=\"Expand Code\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<div class=\"crayon-button crayon-popup-button\" title=\"Open Code In New Window\">\n<div class=\"crayon-button-icon\">&nbsp;<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"crayon-plain-wrap\">&nbsp;<\/div>\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-42\">42<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-43\">43<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-44\">44<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-45\">45<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-46\">46<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-47\">47<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-48\">48<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03f6ed13281128312-49\">49<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03f6ed13281128312-50\">50<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03f6ed13281128312-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-3\" class=\"crayon-line\"><span class=\"crayon-e\">namespace <\/span><span class=\"crayon-i\">App<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Controllers<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-5\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Http<\/span>\\<span class=\"crayon-i\">Request<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-7\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">App<\/span>\\<span class=\"crayon-i\">Gambar<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-8\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">File<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-9\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">class<\/span> <span class=\"crayon-e\">UploadController<\/span> <span class=\"crayon-e\">extends<\/span> <span class=\"crayon-e\">Controller<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-11\" class=\"crayon-line\">{<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">upload<\/span>(){<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-13\" class=\"crayon-line\">$<span class=\"crayon-i\">gambar<\/span> = <span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">get<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">view<\/span>(<span class=\"crayon-s\">&#8216;upload&#8217;<\/span>,[<span class=\"crayon-s\">&#8216;gambar&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">gambar<\/span>]);<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-15\" class=\"crayon-line\">}<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-16\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-17\" class=\"crayon-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">proses_upload<\/span>(<span class=\"crayon-i\">Request<\/span> $<span class=\"crayon-i\">request<\/span>){<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-18\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">this<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">validate<\/span>($<span class=\"crayon-i\">request<\/span>, [<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-19\" class=\"crayon-line\"><span class=\"crayon-s\">&#8216;file&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> <span class=\"crayon-s\">&#8216;required|file|image|mimes:jpeg,png,gif,webp|max:2048&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-s\">&#8216;keterangan&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> <span class=\"crayon-s\">&#8216;required&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-21\" class=\"crayon-line\">]);<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-22\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-23\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ menyimpan data file yang diupload ke variabel $file<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-24\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">file<\/span> = $<span class=\"crayon-i\">request<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">file<\/span>(<span class=\"crayon-s\">&#8216;file&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-25\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-26\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">nama_file<\/span> = <span class=\"crayon-e\">time<\/span>().<span class=\"crayon-s\">&#8220;_&#8221;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalName<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-27\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-28\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-c\">\/\/ isi dengan nama folder tempat kemana file diupload<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-29\" class=\"crayon-line\">$<span class=\"crayon-i\">tujuan_upload<\/span> = <span class=\"crayon-s\">&#8216;data_file&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-30\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">move<\/span>($<span class=\"crayon-i\">tujuan_upload<\/span>,$<span class=\"crayon-i\">nama_file<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-31\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">create<\/span>([<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-33\" class=\"crayon-line\"><span class=\"crayon-s\">&#8216;file&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">nama_file<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-34\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-s\">&#8216;keterangan&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> $<span class=\"crayon-i\">request<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">keterangan<\/span>,<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-35\" class=\"crayon-line\">]);<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-36\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-37\" class=\"crayon-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">redirect<\/span>()-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">back<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-38\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-39\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-40\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">hapus<\/span>($<span class=\"crayon-i\">id<\/span>){<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-41\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ hapus file<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-42\" class=\"crayon-line crayon-striped-line\">$<span class=\"crayon-i\">gambar<\/span> = <span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">where<\/span>(<span class=\"crayon-s\">&#8216;id&#8217;<\/span>,$<span class=\"crayon-i\">id<\/span>)-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">first<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-43\" class=\"crayon-line\"><span class=\"crayon-i\">File<\/span>::<span class=\"crayon-e\">delete<\/span>(<span class=\"crayon-s\">&#8216;data_file\/&#8217;<\/span>.$<span class=\"crayon-i\">gambar<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-i\">file<\/span>);<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-44\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-45\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ hapus data<\/span><\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-46\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">where<\/span>(<span class=\"crayon-s\">&#8216;id&#8217;<\/span>,$<span class=\"crayon-i\">id<\/span>)-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">delete<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-47\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-48\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">return <\/span><span class=\"crayon-e\">redirect<\/span>()-<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">back<\/span>();<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-49\" class=\"crayon-line\">}<\/div>\n<div id=\"crayon-65b9f03f6ed13281128312-50\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Bagian terakhir dari method hapus() ini kita mengalihkan halaman kembali ke halaman sebelumnya dengan fungsi&nbsp;redirect()-&gt;back().<\/p>\n<h3>Hapus Data Beserta Gambar Dengan Laravel<\/h3>\n<p>Oke sekarang kita lihat hasilnya, Akses project kita dengan menjalankan&nbsp;php artisan serve. kemudian akses&nbsp;localhost:8000\/upload.<\/p>\n<p>Coba klik&nbsp;HAPUS&nbsp;pada salah satu record data yang ada.<\/p>\n<div id=\"attachment_3672\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3672 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/hapus-file-dengan-laravel.png\" alt=\"hapus file dengan laravel\" width=\"734\" height=\"458\" aria-describedby=\"caption-attachment-3672\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3672\" class=\"wp-caption-text\">hapus file dengan laravel<\/p>\n<\/div>\n<p>Sekarang data akan hilang.<\/p>\n<div id=\"attachment_3674\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3674 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/hapus-data-dan-gambar-dengan-laravel.png\" alt=\"hapus data dan gambar dengan laravel\" width=\"729\" height=\"453\" aria-describedby=\"caption-attachment-3674\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3674\" class=\"wp-caption-text\">hapus data dan gambar dengan laravel<\/p>\n<\/div>\n<p>Kita cek juga pada folder data_file, apakah gambar berhasil dihapus.<\/p>\n<div id=\"attachment_3675\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3675 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/delete-file-dengan-laravel.png\" alt=\"delete file dengan laravel\" width=\"671\" height=\"467\" aria-describedby=\"caption-attachment-3675\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3675\" class=\"wp-caption-text\">delete file dengan laravel<\/p>\n<\/div>\n<p>Oke selesai. sekarang kita sudah berhasil membuat upload file dengan laravel, dan kita juga telah berhasil membuat proses&nbsp;<strong>hapus data beserta gambar dengan laravel<\/strong>.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hapus File Dengan Laravel Jika teman-teman mengikuti tutorial laravel sebelumnya di malasngoding.com tentang&nbsp;membuat upload file ke database mysql dengan laravel, maka kita sudah punya form penginputan atau upload file, dan kita juga sudah menampilkan data dan gambar yang sudah diupload. Saya ulas kembali apa saja yang sudah kita miliki sekarang dalam project&nbsp;laravel&nbsp;membuat upload dan hapus [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":1384,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1364"}],"collection":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/comments?post=1364"}],"version-history":[{"count":4,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1364\/revisions"}],"predecessor-version":[{"id":1394,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1364\/revisions\/1394"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1384"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}