Skip to main content

CodeIgniter Tutor #3 upload audio



Halo, tutorial kali ini aku akan berfokus untuk menyimpan file file seperti audio video namun tutorial ini akan ke audio dulu ya, jadi ,...
Let's check this out :D


Langkah awal buatlah databasenya terlebih dahulu seperti ini :












Sesudah ini kalian jangan dulu lanjutin, ini aku ada tutorial agar terlihat lebih menarik hehe
1. menghilangkan index.php pada url kamu klik
2. mengubah bahasa klik

nah ayo lanjut...
Setelah database audionya di buat dengan nama table "tb_audio" , masuk ke folder base_url/assets/uploads , buatlah sebuah folder dengan nama "audio".

Setelah dibuat, kalian bukalah file Main.php didalam folder "controller" lalu ubah strukturnya dengan menambahkan script ini :
-----
 $crud->set_subject('File Suara');
 $crud->set_field_upload('FILECONTENT','assets/uploads/audio');
-----

before :














after :



















selanjutnya coba panggil "localhost/base_url/main/audio"










lalu coba untuk menyimpan audio

























klik "simpan dan kembali". langsung kembali ke laman awal.







coba klik audio yang sudah disimpan didalam database













disini aku mau ngasih tau ada dua kejadian ketika file audio nya di klik, tergantung browser yang kalian pakai , kejadian ke 1 ketika di klik di browser ku(firefox) langsung membuat tab baru dan langsung disuruh download filenya , kejadian ke 2 ketika di klik di browser ku yang lain dia akan membuka tab baru lalu audionya dapat dimainkan disana langsung tidak perlu mendownload dulu.
seperti ini :














belum beres sampai disini coba kalian cek folder audio yang berada di folder assets/uploads jangan kaget kalo file audio yang kalian simpan di database akan ada disana hehe .







selesai.

oh iya lupa kalo file yang kalian upload terlalu besar ukurannya kalian bisa langsung kunjungi link ini ya .
link

:)

Comments

Popular posts from this blog

CodeIgniter Tutor - mengubah ukuran upload

Halo disini aku langsung cepet aja ya karena simple tutorialnya pertama Bukalah file grocery_crud.php dari application/config . Ganti baris: $config['grocery_crud_file_upload_max_file_size'] = '20MB'; Menjadi $config['grocery_crud_file_upload_max_file_size'] = '200MB'; Maka kalian telah berhasil melakukan perubahan upload size. Jangan lupa save ya. selanjutnya buka XAMPP. Cari php.ini dan klik php.ini Pada file PHP.ini cari upload_max_filesize ubah ukuran sesuai dengan keinginan. Jangan lupa save ya selesai :D

Tutorial Vue JS Filter dan Form

Hi semua , kali ini aku mau ngasih tutorial tentang Vue JS Filter dan Form , tanpa basa basi lagi hayu ah ... VUE FORM pertama buatlah dulu file .html (namanya bebas) lalu masukan kodingan ini. Kodingan di atas ini untuk pembuatan form tersebut menggunakan v-model yang nantinya akan tampil di bawah form lalu form multiple select dan radio menggunakan data list yang mengambil data nya di options yang telah dibuat lalu form ini akan di validasi menggunakan methods yang validasi nya apabila error akan ditampilkan di alert dan juga hasil inputan akan di tampilkan di server menggunakan php , nanti disini aku akan buat file phpnya. nah selanjutnya buatlah file bernamakan proses.php didalam folder htdocs dan folder vue lalu masukkan kodingan dibawah ini. setelah itu , jalankan form nya di browser, jangan lupa untuk menyalakan dulu xamppnya , karena jika tidak dinyalakan maka akan error "Access-Allow-Origin Blocked!" ketika kalian klik submit maka akan ...