pertama buat database bernama upload yang didalamnya ada tabel yang bernama files dan mempunyai struktur tabel seperti gambar diawah ini :
Berikut hasil atau tampilan dari upload file foto dengan CodeIgniter :
lalu masukkan Title dan file file foto yang akan di upload dengan cara klik tombol Telusuri, apabila tombol telusuri di klik maka akan muncul dialog pencarian data, seperti gambar dibawah ini :
lalu pilih foto dan klik tombol Open. setelah itu akan muncul Title yang telah diinputkan sebelumnnya dan nama file dari foto yang dipilih, seperti gambar dibawah ini :
setelah telah terisi title dan file-nya, lalu klik Kirim Kueri lalu akan muncul kotak dialog seperti gambar dibawah ini :
setelah kotak dialog muncul berarti file tersebut sudah disimpan di database dan gambarnya akan disimpan di folder files yang dimana folder tersebut berada di folder root.
screenshoot dari folder files yang berada di folder root :
setelah tersimpan maka halaman utamanya muncul title, foto dan nama foto yang sudah di upload sebelumnya :
apabila kita ingin menghapus file tersebut, kita tinggal tekan kata Delete yang berada di sebelah kanan foto.
setelah di klik lalu akan muncul kotak dialog yang berisi konfirmasi untuk melakukan penghapusan dari foto tersebut, seperti gambar dibawah ini :
apabila kita benar-benar ingin menghapus lakukan klik tombol Oke dan otomatis file foto di dalam database maupun di folder akan hilang. apabila tidak benar-benar menghapus lakukan klik tombol Batal maka kotak dialog tersebut otomatis menghilang atau keluar, dan tampilan halaman utamanya akan menjadi seperti semula sebelum dilakukan upload file foto
untuk lebih jelasnya kunjungi http://code.tutsplus.com/tutorials/how-to-upload-files-with-codeigniter-and-ajax--net-21684
sekian dan terimakasih
Tidak ada komentar:
Posting Komentar