A Technical Content Writer at Niagahoster, specializing in Virtual Private Servers (VPS), WordPress, and Internet Marketing. David is eager to help people to improve their business on the internet. Show
Home » Web Development & Design » Basic Programming » Tutorial Upload File Dengan CodeIgniter Tutorial Upload File Dengan CodeIgniterMay 1, 2020 3 min read Upload file dengan CodeIgniter sebagai salah satu framework terbaik bisa dilakukan dengan mudah. Mulai dari mengunggah file, gambar, dokumen dan lain-lain. Namun, Anda perlu menambahkan program upload file dulu. Bagaimana caranya? Di artikel ini, kami akan memberikan panduan cara upload file codeigniter secara lengkap. Yuk, simak penjelasannya! Daftar isi Upload File Menggunakan CodeIgniterUpload file menggunakan CodeIgniter memiliki dua bagian utama yaitu, frontend dan backend. Untuk bagian frontend dibuat menggunakan form HTML dengan tipe file input form. Sedangkan pada bagian backend, menggunakan library upload file untuk memproses input file yang dikirim dari form dan menyimpan file ke dalam direktori upload. Pada panduan ini kami menggunakan localhost XAMPP untuk menjalankan web server. Berikut ini langkah-langkah membuat upload file menggunakan CodeIgniter. Langkah 1: Download dan Konfigurasi File CodeigniterHal yang pertama kali harus Anda lakukan adalah akses website resmi CodeIgniter. Di sini, Anda perlu download file CodeIgniter. Pada halaman download CodeIgniter terdapat pilihan versi CodeIgniter. Seperti gambar di bawah ini. Pada panduan ini kami akan menggunakan versi CodeIgniter 3. Versi ini dipilih karena penggunaannya yang lebih mudah dibanding versi CodeIgniter lainnya. Langsung saja klik Download dan tunggu hingga proses download selesai. Setelah proses download selesai, extract file zip CodeIgniter dengan cara klik kanan lalu pilih Extract All. Tampilannya seperti gambar di bawah ini. Kemudian, copy folder CodeIgniter hasil extract ke dalam folder xampp/htdocs. Rename folder CodeIgniter agar mudah diakses saat menjalankannya di localhost XAMPP. Pada panduan ini kami mengubah nama folder CodeIgniter menjadi firstapp. Selanjutnya agar CodeIgniter dapat diakses, jalankan XAMPP caranya klik Start pada module Apache dan MySQL. untuk menjalankan web server dan database. Selanjutnya pastikan CodeIgniter bisa diakses di localhost komputer Anda. Untuk mengakses CodeIgniter di localhost, caranya masukkan url localhost ke web browser Anda. Seperti contoh gambar di bawah ini. Baca juga: Cara Mengatasi A Database Error Occurred CodeIgniter Langkah 2: Buat Folder UploadSetelah Anda berhasil melakukan download dan konfigurasi file Codeigniter. Selanjutnya buka folder CodeIgniter. Lalu, buat folder baru dengan nama “upload”. Folder “upload” digunakan untuk menyimpan semua file image, dokumen, pdf, dan lain-lain. Baca juga: Mengenal File Default .htaccess di CodeIgniter dan Cara Membuatnya Langkah 3: Create ControllerSelanjutnya masuk ke folder CodeIgniter, cari folder application > controllers. Setelah Anda masuk ke dalam folder controllers kemudian buat file dengan nama ImageUpload_Controller.php. File tersebut digunakan sebagai backend website yang jadi kerangka dan mesin website. Agar file tersebut berfungsi sebagai kerangka dan mesin website, tambahkan kode berikut ke dalam file
Kemudian save menggunakan shortcut keyboard Ctrl+S. Baca Juga : Cara Menghilangkan index.php di CodeIgniter Langkah 4: Create ViewSetelah Anda membuat bagian backend di controllers CodeIgniter, Anda harus membuat tampilan frontend upload file pada folder Views. Lokasi folder View ada di application > views. Kemudian buat dua file baru di dalam folder views. Beri dua folder itu dengan nama
Tambahkan kode berikut ke dalam file
Lalu tambahkan kode berikut ke dalam file
Kemudian save kedua file menggunakan shortcut keyboard Ctrl+S. Baca Juga: Belajar HTML Cek Apakah Upload File CodeIgniter BerhasilUntuk menguji apakah CodeIgniter bisa dipakai untuk upload file, Anda dapat mengakses url localhost di web browser Anda. Seperti contoh gambar di bawah ini. Pada url di atas, firstapp adalah nama dari folder CodeIgniter. Jadi Anda bisa menyesuaikan url tersebut dengan nama folder CodeIgniter yang telah Anda buat. Kemudian klik Pilih File untuk memilih gambar/file yang ingin Anda upload. Lalu klik Upload untuk mengunggah file ke server. Apabila proses upload berhasil maka Anda akan mendapatkan tampilan seperti gambar di bawah ini. Untuk melihat Image yang baru saja Anda upload klik View My Image. Untuk kembali ke halaman upload file klik Go back to Image Upload. Selesai! Anda telah berhasil membuat website upload file dengan menggunakan framework CodeIgniter. Bagaimana mudah bukan? Baca Juga : Cara Install Codeigniter di Hosting Sudah Bisa Upload File CodeIgniter, Terus Apa Lagi?Pada panduan ini Anda telah berhasil membuat fitur upload file website. Namun, kode dan tampilan dari website diatas tentu belum sempurna. Anda harus membuat interface yang lebih menarik dengan menggunakan CSS atau bootstrap. Agar tampilan website yang Anda buat tidak membosankan. Demikian tutorial membuat fitur upload file di website dengan framework CodeIgniter. Jika Anda memerlukan bantuan dalam memahami kode atau mengintegrasikan kode ke dalam aplikasi CodeIgniter, Anda bisa meninggalkan pertanyaan di kolom komentar di bawah ini. Share David Kurniawan Follow A Technical Content Writer at Niagahoster, specializing in Virtual Private Servers (VPS), WordPress, and Internet Marketing. David is eager to help people to improve their business on the internet. Subscribe SekarangDapatkan beragam artikel tutorial, insight dan tips menarik seputar dunia online langsung melalui email Anda. Subscribe sekarang dan raih kesuksesan bersama kami! Move_uploaded_file untuk apa?PHP menyediakan fungsi yang bernama move_uploaded_file() yang memiliki fungsi untuk memindahkan file yang diupload ke lokasi baru.
Upload file itu apa?Mengunggah (upload) berarti mengirim data atau berkas dari komputer Anda ke suatu tempat di Internet. Istilah-istilah ini merupakan aktivitas yang telah Anda lakukan saat Anda mengakses internet. Jika Anda pernah membuka suatu dokumen di salah satu panduan kami, maka Anda telah mengunduh berkas itu.
Berkas PHP disimpan dimana?Lokasinya akan disimpan di direktori temporari atau direktori sementara di server.
Apa itu Tmp_name?$_FILES[“file”][“tmp_name”]; yaitu berfungsi sebagai nama sementara yang disimpan pada file yang akan di upload.
|