{"id":1363,"date":"2024-01-31T07:11:13","date_gmt":"2024-01-31T07:11:13","guid":{"rendered":"https:\/\/blog.uts.ac.id\/jul\/?p=1363"},"modified":"2024-01-31T07:13:08","modified_gmt":"2024-01-31T07:13:08","slug":"laravel-30-membuat-upload-file-laravel","status":"publish","type":"post","link":"https:\/\/blog.uts.ac.id\/jul\/2024\/01\/31\/laravel-30-membuat-upload-file-laravel\/","title":{"rendered":"Laravel #30 : Membuat Upload File Laravel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1363\" class=\"elementor elementor-1363\">\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-8584f0a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8584f0a\" 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-ce4c695\" data-id=\"ce4c695\" 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-8863c11 elementor-widget elementor-widget-text-editor\" data-id=\"8863c11\" 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>Membuat Upload File Dengan Laravel<\/h2>\n<p>Untuk mengikuti tutorial upload file dengan laravel ini, yang harus teman-teman persiapkan adalah sebuah project laravel. jadi pastikan teman-teman sudah menginstall project laravel. jika teman-teman lupa cara menginstall project laravel, teman-teman bisa membaca tutorial berikut.<\/p>\n<p>Baca Juga :&nbsp;<a href=\"https:\/\/www.malasngoding.com\/pengertian-dan-cara-install-laravel\/\" target=\"_blank\" rel=\"noopener\">Cara Mudah Instalasi Laravel Untuk Pemula<\/a><\/p>\n<p>Baiklah, saya anggap teman-teman sudah mempunyai atau sudah menginstall project laravel ya, seperti pada tutorial-tutorial sebelumnya.<\/p>\n<p>Untuk mulai membuat contoh upload file dengan laravel, saya awali dengan membuat&nbsp;2 buah route&nbsp;yang akan kita gunakan sebagai form upload gambar dan satunya lagi sebagai pemproses file yang diupload.<\/p>\n<p>Baca Juga :&nbsp;<a href=\"https:\/\/www.malasngoding.com\/belajar-route-dan-view-pada-laravel\/\" target=\"_blank\" rel=\"noopener\">Pengenalan Route Pada Laravel<\/a><\/p>\n<p><strong>routes\/web.php<\/strong><\/p>\n<div id=\"crayon-65b9f03141065535919476\" 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-65b9f03141065535919476-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141065535919476-2\">2<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141065535919476-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-65b9f03141065535919476-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>Pertama kita membuat route dengan nama \u2018\/upload\u2019, agar menjalankan method upload() pada controller UploadController.php. kemudian route satunya lagi saya membuat dengan nama \u2018\/upload\/proses\u2019. dan route ini menjalankan method proses_upload() dalam controller UploadController.php.<\/p><div class=\"iklan-produk my-2 border border-2 rounded p-3 my-4 border-primary bg-info bg-opacity-10 border-dashed\"><div class=\"row\"><div class=\"col-9 col-lg-10 d-flex align-items-center\">\n<\/div>\n<\/div>\n<\/div>\n<p>Oke? sampai di sini saya yakin teman-teman sudah paham prosesnya. karena kita sudah sering menggunakan route dari tutorial laravel sebelumnya.<\/p>\n<p>Selanjutnya buat sebuah controller baru dengan nama UploadController.php. karena sesuai dengan controller yang kita tuliskan pada route di atas tadi.<\/p>\n<p>Teman-teman bisa&nbsp;<a href=\"https:\/\/www.malasngoding.com\/tutorial-membuat-controller-pada-laravel\/\" target=\"_blank\" rel=\"noopener\">membuat controller<\/a>&nbsp;dengan perintah php artisan.<\/p>\n<p>php artisan make:controller UploadController<\/p>\n<p>Oke, maka sekarang kita sudah mempunyai controller UploadController.php.<\/p>\n<h3>Membuat Upload File Laravel<\/h3>\n<p>Sekarang buka file controller tersebut. karena kita akan mulai membuat upload file dengan&nbsp;<a href=\"https:\/\/laravel.com\/\" target=\"_blank\" rel=\"noopener\">laravel<\/a>. dan buat method upload() dan method proses_upload() seperti berikut.<\/p>\n<p><strong>app\/Http\/Controllers\/UploadController.php&nbsp;<\/strong><\/p>\n<div id=\"crayon-65b9f03141070231125101\" 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-65b9f03141070231125101-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-42\">42<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-43\">43<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-44\">44<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-45\">45<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141070231125101-46\">46<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141070231125101-47\">47<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141070231125101-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-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-65b9f03141070231125101-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-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-65b9f03141070231125101-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-7\" 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-65b9f03141070231125101-8\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65b9f03141070231125101-9\" 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-65b9f03141070231125101-10\" 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>);<\/div>\n<div id=\"crayon-65b9f03141070231125101-11\" class=\"crayon-line\">}<\/div>\n<div id=\"crayon-65b9f03141070231125101-12\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-13\" 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-65b9f03141070231125101-14\" 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-65b9f03141070231125101-15\" class=\"crayon-line\"><span class=\"crayon-s\">&#8216;file&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> <span class=\"crayon-s\">&#8216;required&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f03141070231125101-16\" 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-65b9f03141070231125101-17\" class=\"crayon-line\">]);<\/div>\n<div id=\"crayon-65b9f03141070231125101-18\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-19\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ menyimpan data file yang diupload ke variabel $file<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-20\" 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-65b9f03141070231125101-21\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-22\" 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\">\/\/ nama file<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-23\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Name: &#8216;<\/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-65b9f03141070231125101-24\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141070231125101-25\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-26\" 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\">\/\/ ekstensi file<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-27\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Extension: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalExtension<\/span>();<\/div>\n<div id=\"crayon-65b9f03141070231125101-28\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141070231125101-29\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-30\" 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\">\/\/ real path<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-31\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Real Path: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getRealPath<\/span>();<\/div>\n<div id=\"crayon-65b9f03141070231125101-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141070231125101-33\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-34\" 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\">\/\/ ukuran file<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-35\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Size: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getSize<\/span>();<\/div>\n<div id=\"crayon-65b9f03141070231125101-36\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141070231125101-37\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-38\" 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\">\/\/ tipe mime<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-39\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Mime Type: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getMimeType<\/span>();<\/div>\n<div id=\"crayon-65b9f03141070231125101-40\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-41\" 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-65b9f03141070231125101-42\" 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-65b9f03141070231125101-43\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141070231125101-44\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-c\">\/\/ upload file<\/span><\/div>\n<div id=\"crayon-65b9f03141070231125101-45\" 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\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalName<\/span>());<\/div>\n<div id=\"crayon-65b9f03141070231125101-46\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<div id=\"crayon-65b9f03141070231125101-47\" class=\"crayon-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Perhatikan, pada method upload() kita menampilkan view upload.blade.php, karena pada view upload.blade.php ini kita akan membuat form penginputan file yang ingin di upload.<\/p>\n<p>Buat sebuah view baru dengan nama upload.blade.php. pada view ini kita akan membuat form upload.<\/p>\n<p><strong>app\/resources\/views\/upload.blade.php<\/strong><\/p>\n<div id=\"crayon-65b9f03141072163245925\" 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-65b9f03141072163245925-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141072163245925-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141072163245925-42\">42<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141072163245925-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-65b9f03141072163245925-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-65b9f03141072163245925-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-65b9f03141072163245925-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\">#30 : Membuat Upload File Dengan Laravel&lt;\/title&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03141072163245925-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-65b9f03141072163245925-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141072163245925-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-65b9f03141072163245925-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-65b9f03141072163245925-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-65b9f03141072163245925-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-65b9f03141072163245925-11\" class=\"crayon-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\">#30 : Membuat Upload File Dengan Laravel&lt;\/h2&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03141072163245925-12\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141072163245925-13\" 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;col-lg-8 mx-auto my-5&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03141072163245925-14\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141072163245925-15\" class=\"crayon-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-65b9f03141072163245925-16\" 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;alert alert-danger&#8221;<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03141072163245925-17\" class=\"crayon-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-65b9f03141072163245925-18\" class=\"crayon-line crayon-striped-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-65b9f03141072163245925-19\" class=\"crayon-line\">@<span class=\"crayon-i\">endforeach<\/span><\/div>\n<div id=\"crayon-65b9f03141072163245925-20\" 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-65b9f03141072163245925-21\" class=\"crayon-line\">@<span class=\"crayon-i\">endif<\/span><\/div>\n<div id=\"crayon-65b9f03141072163245925-22\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141072163245925-23\" class=\"crayon-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-65b9f03141072163245925-24\" class=\"crayon-line crayon-striped-line\">{{<span class=\"crayon-e\">csrf_field<\/span>() }}<\/div>\n<div id=\"crayon-65b9f03141072163245925-25\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141072163245925-26\" 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-65b9f03141072163245925-27\" class=\"crayon-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-65b9f03141072163245925-28\" class=\"crayon-line crayon-striped-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-65b9f03141072163245925-29\" 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-65b9f03141072163245925-30\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141072163245925-31\" 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-65b9f03141072163245925-32\" 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-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-65b9f03141072163245925-33\" class=\"crayon-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-65b9f03141072163245925-34\" 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-65b9f03141072163245925-35\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141072163245925-36\" class=\"crayon-line crayon-striped-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-65b9f03141072163245925-37\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>\/<span class=\"crayon-i\">form<\/span><span class=\"crayon-h\">&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03141072163245925-38\" 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-65b9f03141072163245925-39\" 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-65b9f03141072163245925-40\" 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-65b9f03141072163245925-41\" 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-65b9f03141072163245925-42\" 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>Perhatikan pada form upload yang kita buat di atas, form ini akan diproses pada route \u201c\/upload\/proses\u201d seperti yang kita buat pada routes sebelumnya. kemudian kita buat dengan method POST, dan jangan lupa \u201cenctype\u201d nya karena enctype wajib di tuliskan jika kita ingin membuat upload file.<\/p>\n<div id=\"crayon-65b9f03141074826761410\" 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-65b9f03141074826761410-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141074826761410-1\" class=\"crayon-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>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Selanjutnya, perhatikan kembali pada method proses_upload() yang sudah kita buat sebelumnya pada controller UploadController.php.<\/p>\n<div id=\"crayon-65b9f03141076427552180\" 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-65b9f03141076427552180-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141076427552180-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141076427552180-32\">32<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141076427552180-1\" 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-65b9f03141076427552180-2\" 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-65b9f03141076427552180-3\" class=\"crayon-line\"><span class=\"crayon-s\">&#8216;file&#8217;<\/span> =<span class=\"crayon-h\">&gt;<\/span> <span class=\"crayon-s\">&#8216;required&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f03141076427552180-4\" 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-65b9f03141076427552180-5\" class=\"crayon-line\">]);<\/div>\n<div id=\"crayon-65b9f03141076427552180-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141076427552180-7\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ menyimpan data file yang diupload ke variabel $file<\/span><\/div>\n<div id=\"crayon-65b9f03141076427552180-8\" 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-65b9f03141076427552180-9\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141076427552180-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span class=\"crayon-c\">\/\/ nama file<\/span><\/div>\n<div id=\"crayon-65b9f03141076427552180-11\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Name: &#8216;<\/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-65b9f03141076427552180-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141076427552180-13\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141076427552180-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span class=\"crayon-c\">\/\/ ekstensi file<\/span><\/div>\n<div id=\"crayon-65b9f03141076427552180-15\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Extension: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalExtension<\/span>();<\/div>\n<div id=\"crayon-65b9f03141076427552180-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141076427552180-17\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141076427552180-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span class=\"crayon-c\">\/\/ real path<\/span><\/div>\n<div id=\"crayon-65b9f03141076427552180-19\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Real Path: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getRealPath<\/span>();<\/div>\n<div id=\"crayon-65b9f03141076427552180-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141076427552180-21\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141076427552180-22\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span class=\"crayon-c\">\/\/ ukuran file<\/span><\/div>\n<div id=\"crayon-65b9f03141076427552180-23\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Size: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getSize<\/span>();<\/div>\n<div id=\"crayon-65b9f03141076427552180-24\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141076427552180-25\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141076427552180-26\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/span><span class=\"crayon-c\">\/\/ tipe mime<\/span><\/div>\n<div id=\"crayon-65b9f03141076427552180-27\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Mime Type: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getMimeType<\/span>();<\/div>\n<div id=\"crayon-65b9f03141076427552180-28\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141076427552180-29\" class=\"crayon-line\"><span class=\"crayon-h\">&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-65b9f03141076427552180-30\" 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-65b9f03141076427552180-31\" 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\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalName<\/span>());<\/div>\n<div id=\"crayon-65b9f03141076427552180-32\" 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 membuat form validasi agar&nbsp;form file&nbsp;dan&nbsp;form keterangan&nbsp;wajib diisi.<\/p>\n<p>Baca :&nbsp;<a href=\"https:\/\/www.malasngoding.com\/membuat-form-validasi-pada-laravel\/\" target=\"_blank\" rel=\"noopener\">Cara Membuat Form Validasi Pada Laravel<\/a><\/p>\n<p>Selanjutnya kita tangkap data file yang diupload dengan fungsi berikut<\/p>\n<div id=\"crayon-65b9f03141077723200649\" 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-65b9f03141077723200649-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141077723200649-2\">2<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141077723200649-1\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ menyimpan data file yang diupload ke variabel $file<\/span><\/div>\n<div id=\"crayon-65b9f03141077723200649-2\" 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>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Data yang diupload kita simpan ke variabel&nbsp;$file.<\/p>\n<p>Selanjutnya kita bisa langsung menampilkan informasi detail dari file yang diupload<\/p>\n<div id=\"crayon-65b9f03141078818066191\" 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-65b9f03141078818066191-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141078818066191-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141078818066191-18\">18<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141078818066191-1\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ nama file<\/span><\/div>\n<div id=\"crayon-65b9f03141078818066191-2\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Name: &#8216;<\/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-65b9f03141078818066191-3\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141078818066191-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141078818066191-5\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ ekstensi file<\/span><\/div>\n<div id=\"crayon-65b9f03141078818066191-6\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Extension: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalExtension<\/span>();<\/div>\n<div id=\"crayon-65b9f03141078818066191-7\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141078818066191-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141078818066191-9\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ real path<\/span><\/div>\n<div id=\"crayon-65b9f03141078818066191-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Real Path: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getRealPath<\/span>();<\/div>\n<div id=\"crayon-65b9f03141078818066191-11\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141078818066191-12\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141078818066191-13\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ ukuran file<\/span><\/div>\n<div id=\"crayon-65b9f03141078818066191-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Size: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getSize<\/span>();<\/div>\n<div id=\"crayon-65b9f03141078818066191-15\" class=\"crayon-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;&lt;br&gt;&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f03141078818066191-16\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141078818066191-17\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ tipe mime<\/span><\/div>\n<div id=\"crayon-65b9f03141078818066191-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-i\">echo<\/span> <span class=\"crayon-s\">&#8216;File Mime Type: &#8216;<\/span>.$<span class=\"crayon-i\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getMimeType<\/span>();<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>dan tahap terakhir kita tetapkan sebuah&nbsp;nama folder&nbsp;tempat file yang diupload akan disimpan. karena saya ingin menyimpan nama file yang diupload ini dalam folder \u201cdata_file\u201d, maka isi nama foldernya pada variabel $tujuan_upload.<\/p>\n<div id=\"crayon-65b9f0314107a821813521\" 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-65b9f0314107a821813521-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314107a821813521-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314107a821813521-3\">3<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f0314107a821813521-1\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ isi dengan nama folder tempat kemana file diupload<\/span><\/div>\n<div id=\"crayon-65b9f0314107a821813521-2\" 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-65b9f0314107a821813521-3\" 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\">file<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">getClientOriginalName<\/span>());<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Selanjutnya fungsi move() di atas bertujuan untuk mengupload file ke folder tujuan yang kita tetapkan sebelumnya.<\/p>\n<h4>Percobaan Upload File<\/h4>\n<p>Kita lihat hasilnya. jalankan project dengan&nbsp;<strong>php artisan serve<\/strong>.<\/p>\n<p>dan akses project dengan alamat&nbsp;localhost:8000\/upload.<\/p>\n<div id=\"attachment_3654\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3654 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/membuat-upload-file-dengan-laravel.png\" alt=\"membuat upload file dengan laravel\" width=\"746\" height=\"246\" aria-describedby=\"caption-attachment-3654\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3654\" class=\"wp-caption-text\">membuat upload file dengan laravel<\/p>\n<\/div>\n<p>Pilih file yang ingin diupload, di sini saya memilih file gambar untuk saya coba upload. klik upload.<\/p>\n<div id=\"attachment_3655\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3655 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/informasi-data-yang-diupload.png\" alt=\"informasi data yang diupload\" width=\"791\" height=\"289\" aria-describedby=\"caption-attachment-3655\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3655\" class=\"wp-caption-text\">informasi data yang diupload<\/p>\n<\/div>\n<p>Nah, maka tampil detail informasi tentang yang kita upload, dimana informasi yang tampil sesuai dengan yang kita perintahkan pada method proses_upload() tadi.<\/p>\n<p>Kita cek juga apakah gambar yang diupload tadi tersimpan. seperti yang sudah kita tetapkan juga, sebelumnya folder tempat gambar di simpan kita buat ke folder \u201cdata_file\u201d. jika kita cek sekarang, larave telah membuatkan folder&nbsp;data_file&nbsp;secara&nbsp;otomatis&nbsp;dalam folder&nbsp;public.<\/p>\n<div id=\"attachment_3656\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3656 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/upload-file-laravel.png\" alt=\"upload file laravel\" width=\"795\" height=\"519\" aria-describedby=\"caption-attachment-3656\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3656\" class=\"wp-caption-text\">upload file laravel<\/p>\n<\/div>\n<p>Buka folder tersebut,<\/p>\n<div id=\"attachment_3657\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3657 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/upload-gambar-dengan-laravel.png\" alt=\"upload gambar dengan laravel\" width=\"769\" height=\"497\" aria-describedby=\"caption-attachment-3657\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3657\" class=\"wp-caption-text\">upload gambar dengan laravel<\/p>\n<\/div>\n<p>Nah, file gambar car.png yang saya coba upload tadi berhasil tersimpan ke dalam folder \u201cdata_file\u201d.<\/p>\n<p>Lalu bagaimana cara untuk upload file tertentu yang kita batasi agar file-file tertentu saja yang boleh diupload ?<\/p>\n<p>Dan bagaimana cara agar file yang diupload juga tersimpan ke database ?<\/p>\n<p>Caranya mudah. yuk kita lanjutkan lagi.<\/p>\n<h3>Membuat Upload File Gambar Ke Database Dengan Laravel<\/h3>\n<p>Pada sub judul ini kita akan masuk cara membuat upload file yang file nya akan kita batasi, misalnya kita hanya akan memperbolehkan file gambar yang diupload (.png, .jpg. .jpeg).<\/p>\n<p>Nanti bisa teman-teman sesuaikan sendiri dengan ekstensi yang teman-teman izinkan, silahkan sesuaikan dengan kebutuhan teman-teman sendiri ya&nbsp;<img decoding=\"async\" class=\"emoji\" role=\"img\" src=\"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/1f642.svg\" alt=\"\ud83d\ude42\"><\/p>\n<p>Langkah pertama, mari kita siapkan dulu table untuk menyimpan data gambar. di sini saya membuat table dengan nama \u201cgambar\u201c. untuk membuat table gambar ini teman-teman bisa membuatnya secara manual dengan kolum sebagai berikut :<\/p>\n<ul>\n<li>id (int) (auto_increment) (primary key)<\/li>\n<li>file (varchar)<\/li>\n<li>keterangan (varchar)<\/li>\n<\/ul>\n<p>atau bisa dengan menggunakan migration laravel.<\/p>\n<p>di sini saya membuat model baru dengan nama Gambar.php. sekalian dengan membuat migration nya juga.<\/p>\n<div id=\"crayon-65b9f0314107c403745183\" 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-65b9f0314107c403745183-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f0314107c403745183-1\" class=\"crayon-line\"><span class=\"crayon-e\">php <\/span><span class=\"crayon-e\">artisan <\/span><span class=\"crayon-i\">make<\/span><span class=\"crayon-st\">:<\/span><span class=\"crayon-e\">model <\/span><span class=\"crayon-i\">Gambar<\/span> &#8212;<span class=\"crayon-v\">migration<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>kemudian buka file migration gambar tadi.<\/p>\n<div id=\"crayon-65b9f0314108f675958448\" 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-65b9f0314108f675958448-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314108f675958448-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314108f675958448-33\">33<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f0314108f675958448-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314108f675958448-3\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Support<\/span>\\<span class=\"crayon-i\">Facades<\/span>\\<span class=\"crayon-i\">Schema<\/span>;<\/div>\n<div id=\"crayon-65b9f0314108f675958448-4\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">Illuminate<\/span>\\<span class=\"crayon-i\">Database<\/span>\\<span class=\"crayon-i\">Schema<\/span>\\<span class=\"crayon-i\">Blueprint<\/span>;<\/div>\n<div id=\"crayon-65b9f0314108f675958448-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\">Migrations<\/span>\\<span class=\"crayon-i\">Migration<\/span>;<\/div>\n<div id=\"crayon-65b9f0314108f675958448-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314108f675958448-7\" class=\"crayon-line\"><span class=\"crayon-e\">class<\/span> <span class=\"crayon-e\">CreateGambarsTable<\/span> <span class=\"crayon-e\">extends<\/span> <span class=\"crayon-e\">Migration<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-8\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65b9f0314108f675958448-9\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-c\">\/**<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-10\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; * Run the migrations.<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-11\" class=\"crayon-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; *<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; * @return void<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-13\" class=\"crayon-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; *\/<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-14\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">up<\/span>()<\/div>\n<div id=\"crayon-65b9f0314108f675958448-15\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span>{<\/div>\n<div id=\"crayon-65b9f0314108f675958448-16\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-i\">Schema<\/span>::<span class=\"crayon-e\">create<\/span>(<span class=\"crayon-s\">&#8216;gambar&#8217;<\/span>, <span class=\"crayon-e\">function<\/span> (<span class=\"crayon-i\">Blueprint<\/span> $<span class=\"crayon-i\">table<\/span>) {<\/div>\n<div id=\"crayon-65b9f0314108f675958448-17\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>$<span class=\"crayon-i\">table<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">increments<\/span>(<span class=\"crayon-s\">&#8216;id&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f0314108f675958448-18\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>$<span class=\"crayon-i\">table<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">string<\/span>(<span class=\"crayon-s\">&#8216;file&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f0314108f675958448-19\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>$<span class=\"crayon-i\">table<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">string<\/span>(<span class=\"crayon-s\">&#8216;keterangan&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f0314108f675958448-20\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>$<span class=\"crayon-i\">table<\/span>&#8211;<span class=\"crayon-h\">&gt;<\/span><span class=\"crayon-e\">timestamps<\/span>();<\/div>\n<div id=\"crayon-65b9f0314108f675958448-21\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>});<\/div>\n<div id=\"crayon-65b9f0314108f675958448-22\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span>}<\/div>\n<div id=\"crayon-65b9f0314108f675958448-23\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314108f675958448-24\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-c\">\/**<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-25\" class=\"crayon-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; * Reverse the migrations.<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-26\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; *<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-27\" class=\"crayon-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; * @return void<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-28\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-c\">&nbsp;&nbsp;&nbsp;&nbsp; *\/<\/span><\/div>\n<div id=\"crayon-65b9f0314108f675958448-29\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-e\">public <\/span><span class=\"crayon-e\">function <\/span><span class=\"crayon-e\">down<\/span>()<\/div>\n<div id=\"crayon-65b9f0314108f675958448-30\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span>{<\/div>\n<div id=\"crayon-65b9f0314108f675958448-31\" class=\"crayon-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span><span class=\"crayon-i\">Schema<\/span>::<span class=\"crayon-e\">dropIfExists<\/span>(<span class=\"crayon-s\">&#8216;gambar&#8217;<\/span>);<\/div>\n<div id=\"crayon-65b9f0314108f675958448-32\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&nbsp;&nbsp;&nbsp;&nbsp;<\/span>}<\/div>\n<div id=\"crayon-65b9f0314108f675958448-33\" class=\"crayon-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Selanjutnya langsung migrate, agar table gambar kita segera terbuat.<\/p>\n<div id=\"attachment_3658\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-3658 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/menyimpan-nama-file-ke-database.png\" alt=\"menyimpan nama file ke database\" width=\"1612\" height=\"558\" aria-describedby=\"caption-attachment-3658\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3658\" class=\"wp-caption-text\">menyimpan nama file ke database<\/p>\n<\/div>\n<p>Maka sekarang kita telah punya table gambar dengan kolum sebagai berikut.<\/p>\n<div id=\"attachment_3659\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3659 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/upload-gambar-laravel.png\" alt=\"upload gambar laravel\" width=\"693\" height=\"327\" aria-describedby=\"caption-attachment-3659\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3659\" class=\"wp-caption-text\">upload gambar laravel<\/p>\n<\/div>\n<p>BACA KEMBALI :<\/p>\n<ul>\n<li><a href=\"https:\/\/www.malasngoding.com\/migration-laravel\/\" target=\"_blank\" rel=\"noopener\">Tutorial Migration Laravel<\/a><\/li>\n<li><a href=\"https:\/\/www.malasngoding.com\/eloquent-laravel\/\" target=\"_blank\" rel=\"noopener\">Tutorial Eloquent (Model) Laravel<\/a><\/li>\n<\/ul>\n<p>Selanjutnya Persiapan model Gambar.php.<\/p>\n<p>buka file model Gambar.php yang sudah kita buat tadi. kita akan melakukan beberapa pengaturan,<\/p>\n<p><strong>app\/Gambar.php<\/strong><\/p>\n<div id=\"crayon-65b9f03141090324369108\" 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-65b9f03141090324369108-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141090324369108-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141090324369108-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141090324369108-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141090324369108-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141090324369108-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141090324369108-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141090324369108-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141090324369108-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141090324369108-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141090324369108-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141090324369108-12\">12<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141090324369108-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65b9f03141090324369108-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141090324369108-3\" class=\"crayon-line\"><span class=\"crayon-e\">namespace <\/span><span class=\"crayon-i\">App<\/span>;<\/div>\n<div id=\"crayon-65b9f03141090324369108-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141090324369108-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-65b9f03141090324369108-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141090324369108-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-65b9f03141090324369108-8\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65b9f03141090324369108-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-65b9f03141090324369108-10\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141090324369108-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-65b9f03141090324369108-12\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Pada model gambar kita mengisi kolum file dan kolum keterangan yang hanya boleh diisi pada table gambar.<\/p>\n<p>Selanjutnya buka view upload.blade.php, karena kita akan menampilkan data dari table gambar di bagian bawah form upload gambarnya tadi.<\/p>\n<p><strong>app\/resources\/views\/upload.blade.php<\/strong><\/p>\n<div id=\"crayon-65b9f03141092915682643\" 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-65b9f03141092915682643-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-38\">38<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-39\">39<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-40\">40<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-41\">41<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-42\">42<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-43\">43<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-44\">44<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-45\">45<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-46\">46<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-47\">47<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-48\">48<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-49\">49<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-50\">50<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-51\">51<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-52\">52<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-53\">53<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-54\">54<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-55\">55<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-56\">56<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-57\">57<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-58\">58<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-59\">59<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-60\">60<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-61\">61<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-62\">62<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141092915682643-63\">63<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141092915682643-64\">64<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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\">#30 : Membuat Upload File Dengan Laravel&lt;\/title&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-11\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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\">#30 : Membuat Upload File Dengan Laravel&lt;\/h2&gt;<\/span><\/div>\n<div id=\"crayon-65b9f03141092915682643-13\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-20\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-i\">endforeach<\/span><\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-22\" class=\"crayon-line crayon-striped-line\">@<span class=\"crayon-i\">endif<\/span><\/div>\n<div id=\"crayon-65b9f03141092915682643-23\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-25\" class=\"crayon-line\">{{<span class=\"crayon-e\">csrf_field<\/span>() }}<\/div>\n<div id=\"crayon-65b9f03141092915682643-26\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-31\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-36\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-39\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-41\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-57\" class=\"crayon-line\">@<span class=\"crayon-i\">endforeach<\/span><\/div>\n<div id=\"crayon-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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-65b9f03141092915682643-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>Selanjutnya buka kembali controller&nbsp;UploadController.php.<\/p>\n<p><strong>app\/Http\/Controllers\/UploadController.php<\/strong><\/p>\n<div id=\"crayon-65b9f03141093782175769\" 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-65b9f03141093782175769-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-23\">23<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-24\">24<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-25\">25<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-26\">26<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-27\">27<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-28\">28<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-29\">29<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-30\">30<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-31\">31<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-32\">32<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-33\">33<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-34\">34<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-35\">35<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-36\">36<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141093782175769-37\">37<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141093782175769-38\">38<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141093782175769-1\" class=\"crayon-line\"><span class=\"crayon-h\">&lt;<\/span>?<span class=\"crayon-e\">php<\/span><\/div>\n<div id=\"crayon-65b9f03141093782175769-2\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-4\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-8\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-10\" class=\"crayon-line crayon-striped-line\">{<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-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-65b9f03141093782175769-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-65b9f03141093782175769-14\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<div id=\"crayon-65b9f03141093782175769-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-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-65b9f03141093782175769-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,jpg|max:2048&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-20\" class=\"crayon-line crayon-striped-line\">]);<\/div>\n<div id=\"crayon-65b9f03141093782175769-21\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-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-65b9f03141093782175769-24\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-26\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-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-65b9f03141093782175769-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-65b9f03141093782175769-30\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-31\" class=\"crayon-line\"><span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">create<\/span>([<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-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-65b9f03141093782175769-34\" class=\"crayon-line crayon-striped-line\">]);<\/div>\n<div id=\"crayon-65b9f03141093782175769-35\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f03141093782175769-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-65b9f03141093782175769-37\" class=\"crayon-line\">}<\/div>\n<div id=\"crayon-65b9f03141093782175769-38\" class=\"crayon-line crayon-striped-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Perhatikan pada controller di atas, karena kita akan berurusan dengan table gambar, maka kita panggil dulu model Gambar.php nya (<a href=\"https:\/\/www.malasngoding.com\/crud-laravel-menggunakan-eloquent\/\" target=\"_blank\" rel=\"noopener\">Eloquent<\/a>).<\/p>\n<div id=\"crayon-65b9f03141098051130034\" 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-65b9f03141098051130034-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141098051130034-1\" class=\"crayon-line\"><span class=\"crayon-e\">use <\/span><span class=\"crayon-i\">App<\/span>\\<span class=\"crayon-i\">Gambar<\/span>;<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Kemudian pada method upload() kita ambil semua data pada table gambar dan kita passing ke view upload.blade.php.<\/p>\n<div id=\"crayon-65b9f03141099810978214\" 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-65b9f03141099810978214-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141099810978214-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f03141099810978214-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f03141099810978214-4\">4<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f03141099810978214-1\" 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-65b9f03141099810978214-2\" 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-65b9f03141099810978214-3\" 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-65b9f03141099810978214-4\" 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 proses_upload() kita upload filenya dan kita simpan nama file dan keterangan yang diinput pada form sebelumnya.<\/p>\n<div id=\"crayon-65b9f0314109b873135675\" 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-65b9f0314109b873135675-1\">1<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-2\">2<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-3\">3<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-4\">4<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-5\">5<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-6\">6<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-7\">7<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-8\">8<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-9\">9<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-10\">10<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-11\">11<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-12\">12<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-13\">13<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-14\">14<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-15\">15<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-16\">16<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-17\">17<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-18\">18<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-19\">19<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-20\">20<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-21\">21<\/div>\n<div class=\"crayon-num crayon-striped-num\" data-line=\"crayon-65b9f0314109b873135675-22\">22<\/div>\n<div class=\"crayon-num\" data-line=\"crayon-65b9f0314109b873135675-23\">23<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-65b9f0314109b873135675-1\" 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-65b9f0314109b873135675-2\" 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-65b9f0314109b873135675-3\" 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,jpg|max:2048&#8217;<\/span>,<\/div>\n<div id=\"crayon-65b9f0314109b873135675-4\" 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-65b9f0314109b873135675-5\" class=\"crayon-line\">]);<\/div>\n<div id=\"crayon-65b9f0314109b873135675-6\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314109b873135675-7\" class=\"crayon-line\"><span class=\"crayon-c\">\/\/ menyimpan data file yang diupload ke variabel $file<\/span><\/div>\n<div id=\"crayon-65b9f0314109b873135675-8\" 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-65b9f0314109b873135675-9\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314109b873135675-10\" 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-65b9f0314109b873135675-11\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314109b873135675-12\" class=\"crayon-line crayon-striped-line\"><span class=\"crayon-h\">&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-65b9f0314109b873135675-13\" class=\"crayon-line\">$<span class=\"crayon-i\">tujuan_upload<\/span> = <span class=\"crayon-s\">&#8216;data_file&#8217;<\/span>;<\/div>\n<div id=\"crayon-65b9f0314109b873135675-14\" 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-65b9f0314109b873135675-15\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314109b873135675-16\" class=\"crayon-line crayon-striped-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314109b873135675-17\" class=\"crayon-line\"><span class=\"crayon-i\">Gambar<\/span>::<span class=\"crayon-e\">create<\/span>([<\/div>\n<div id=\"crayon-65b9f0314109b873135675-18\" 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-65b9f0314109b873135675-19\" 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-65b9f0314109b873135675-20\" class=\"crayon-line crayon-striped-line\">]);<\/div>\n<div id=\"crayon-65b9f0314109b873135675-21\" class=\"crayon-line\">&nbsp;<\/div>\n<div id=\"crayon-65b9f0314109b873135675-22\" 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-65b9f0314109b873135675-23\" class=\"crayon-line\">}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>Perhatikan pada bagian validation di atas, untuk membuat validasi file upload, kita bisa menambahkan dengan \u201cfile|image|mimes:jpeg,png,jpg\u201d agar hanya ekstensi tersebut yang diizinkan. dan bisa menambahkan \u201cmax:\u201d untuk membuat batas maksimal file yang boleh diupload.<\/p>\n<h4>Percobaan Upload File Gambar Ke Database Dengan Laravel<\/h4>\n<p>Sekarang kita lihat hasilnya, akses&nbsp;localhost:8000\/upload.<\/p>\n<div id=\"attachment_3660\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3660 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/upload-file-ke-database-dengan-laravel.png\" alt=\"upload file ke database dengan laravel\" width=\"769\" height=\"269\" aria-describedby=\"caption-attachment-3660\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3660\" class=\"wp-caption-text\">upload file ke database dengan laravel<\/p>\n<\/div>\n<p>Di sini saya coba mengupload gambar mobil, dan memberi keterangan dengan \u201cMobil Mobilan\u201d. klik upload.<\/p>\n<div id=\"attachment_3661\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3661 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/upload-file-ke-database-laravel.png\" alt=\"upload file ke database laravel\" width=\"748\" height=\"446\" aria-describedby=\"caption-attachment-3661\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3661\" class=\"wp-caption-text\">upload file ke database laravel<\/p>\n<\/div>\n<p>Gambar berhasil tersimpan, dan kita coba upload gambar lagi.<\/p>\n<div id=\"attachment_3662\" class=\"wp-caption aligncenter\"><p><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-3662 jetpack-lazy-image jetpack-lazy-image--handled\" src=\"https:\/\/www.malasngoding.com\/wp-content\/uploads\/2019\/03\/simpan-gambar-ke-database-laravel.png\" alt=\"simpan gambar ke database laravel\" width=\"759\" height=\"520\" aria-describedby=\"caption-attachment-3662\" data-lazy-loaded=\"1\"><\/p>\n<p id=\"caption-attachment-3662\" class=\"wp-caption-text\">simpan gambar ke database laravel<\/p>\n<\/div>\n<p>Oke selesai, gambar pun berhasil tersimpan dan tampil.<\/p>\n<p>Kita telah selesai belajar membuat upload file gambar ke database dengan laravel, gambar yang diupload pun telah berhasil kita tampilkan.<\/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>Membuat Upload File Dengan Laravel Untuk mengikuti tutorial upload file dengan laravel ini, yang harus teman-teman persiapkan adalah sebuah project laravel. jadi pastikan teman-teman sudah menginstall project laravel. jika teman-teman lupa cara menginstall project laravel, teman-teman bisa membaca tutorial berikut. Baca Juga :&nbsp;Cara Mudah Instalasi Laravel Untuk Pemula Baiklah, saya anggap teman-teman sudah mempunyai atau [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":1382,"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\/1363"}],"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=1363"}],"version-history":[{"count":4,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1363\/revisions"}],"predecessor-version":[{"id":1391,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/posts\/1363\/revisions\/1391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media\/1382"}],"wp:attachment":[{"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/media?parent=1363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/categories?post=1363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.uts.ac.id\/jul\/wp-json\/wp\/v2\/tags?post=1363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}