CRUD gambar part_3(mengedit file gambar dari database)
Selamat siang teman, saudara, adik, kakak, bapak, ibu dan teman teman seperjuangan yang sama sama lagi berjuang ngoding dimanapun berada :D, pada kesempatan yang baik ini saya akan sharing hasil perjuangan saya setelah berpusing-pusing mencari script cara membuat edit gambar yang saya alami selama tiga hari ini, :,( . sebenarnya saya sudah pernah membuat script edit gambar, tapi entah kenapa, ketika saya copy paste ke proyek yang baru, koding tidak bekerja, muncul pesan “permisission denied.......” pada fungsi unlink.. padahal fungsi inilah yang menjadi inti dari update gambar, yaitu untuk menghapus file lama(dalam kasus ini berupa gambar) yang ada di dalam folder, sebelum diganti dengan file yang baru. Tutorial ini merupakan kelanjutan dari tutorial sebelumnya. Namun sebelum mulai praktek, disini saya mau merubah beberapa nama file yang sudah kita buat di folder pada praktek sebelumnya. Tujuan untuk mengganti link saja, pertama file index.php dirubah menjadi file input.php dan file tampil.php dirubah menjadi file index.php. tujuannya hanya ketika halaman folder diakses melalui browser dengan alamat Url http: localhost/gambar/ maka yang akan muncul adalah halaman untuk menampilkan gambar bukan lagi menginputkan gambar seperti kemarin.
dan berikut adalah strukturnya.
sekarang kita buat file dengan nama edit.php dan simpan di dalam folder ’gambar’
penjelasan:
1. Baris ke-3 adalah form action=”aksi/update.php” merupakan koding untuk membuat aksi, yaitu ketika tombol ubah pada halaman edit.php diklik maka akan diarahkan ke file update.php yang ada di folder aksi.
2. Baris ke 14, include’../aksi/koneksi.php’ wajib diikutkan supaya bisa terkoneksi dengan database
3. Baris ke 25 $id= $_GET[‘id’]; merupakan pembuatan variabel id untuk menampung variabel id yang dibawa pada halaman sebelumnya, yaitu pada halaman index.php, tepatnya pada kode di bawah ini,
kode diatas adalah potongan kode di file index.php, id yang Di lingkari dengan warna kuning itulah merupakan nilai id yang akan disimpan ada variabel $id pada file edit.php
4. Baris 16-17 merupakan pembuatan variabel $data untuk data foto berupa array yang telah dipilih berdasarkan id.
5. Baris ke 20 adalah membuat inputan dengan nama id berupa id dengan value dari id array yang telah dipilih pada $data, walaupun type= hidden tapi id ini tetap diperlukan pada sebagai identitas dari foto yang akan diedit.
6. Baris 21 adalah menampilkan foto yang akan diedit.
7. Baris 24 untuk menampilkan nama foto dari file yang akan di edit
8. Baris ke 27 membuat kolom inputan file gambar baru dengan type=”file”
9. Baris 30 adalah membuat sebuah tombol dengan name=”ubah” yang akan mengarahkan link ke file update.php
halaman edit.php merupakan halaman yang akan kita gunakan sebagai interface pada saat akan mengedit gambar, berisi file gambar yang telah dipilih ketika mengklik tombol edit pada tampilan index.php.
berikut tampilan gambar edit.php
sekarang kiat buat script untuk mengeksekusi data yang akan diupdate, simpan dengan nama update.php simpan di folder aksi di dalam folder gambar.
Penjelasan :
1. Baris ke-3 adalah koding untuk membaca file submit, yang intinya jika ditemukan perintah “ubah” maka.....
2. Baris ke 5 adalah variabel untuk menampung sementara file gambar yang baru.
3. Baris ke 6 adalah variabel untuk menampung nama file gambar yang baru
4. Baris ke 7 adalah variabel untuk menampung nama file dari foto lama
5. Baris 9-10 merupakan query membuat $data sebagai variabel untuk menyimpan nilai array berdasarkan id yang telah dipilih
6. Baris 13 merupakan pembuatan kondisi “jika ditemukan file baru pada kolom upload file maka,..”
7. Baris ke 16 merupakan koding untuk menghapus file gambar lama yang sudah tersimpan dalam folder. Berdasarkan index array pada $data dengan nama ‘foto’
8. Baris ke 19 merupakan kode untuk memasukan/ memindahkan file gambar yang baru ke dalam folder yang telah ditentukan berdasarkan path yang telah dibuat.
9. Baris 20 merupakan query untuk mengubah nama file yang ada di database
10. Baris 21-26 merupakan pembuatan kondisi jika masih ditemukan file foto lama di dalam folder maka munculkan perintah gagal update, jika sudah tidak ditemukan lagi file foto lama maka munculkan perintah ‘foto berhasil di edit’ dan arahkan ke file tampil.php.(harusnya index.php, karena sudah direname pada awal pembahasan tadi :D)
Demikian tutorial kali ini, selamat mencoba.... :D
Selamat siang teman, saudara, adik, kakak, bapak, ibu dan teman teman seperjuangan yang sama sama lagi berjuang ngoding dimanapun berada :D, pada kesempatan yang baik ini saya akan sharing hasil perjuangan saya setelah berpusing-pusing mencari script cara membuat edit gambar yang saya alami selama tiga hari ini, :,( . sebenarnya saya sudah pernah membuat script edit gambar, tapi entah kenapa, ketika saya copy paste ke proyek yang baru, koding tidak bekerja, muncul pesan “permisission denied.......” pada fungsi unlink.. padahal fungsi inilah yang menjadi inti dari update gambar, yaitu untuk menghapus file lama(dalam kasus ini berupa gambar) yang ada di dalam folder, sebelum diganti dengan file yang baru. Tutorial ini merupakan kelanjutan dari tutorial sebelumnya. Namun sebelum mulai praktek, disini saya mau merubah beberapa nama file yang sudah kita buat di folder pada praktek sebelumnya. Tujuan untuk mengganti link saja, pertama file index.php dirubah menjadi file input.php dan file tampil.php dirubah menjadi file index.php. tujuannya hanya ketika halaman folder diakses melalui browser dengan alamat Url http: localhost/gambar/ maka yang akan muncul adalah halaman untuk menampilkan gambar bukan lagi menginputkan gambar seperti kemarin.
1. Baris ke-3 adalah form action=”aksi/update.php” merupakan koding untuk membuat aksi, yaitu ketika tombol ubah pada halaman edit.php diklik maka akan diarahkan ke file update.php yang ada di folder aksi.
2. Baris ke 14, include’../aksi/koneksi.php’ wajib diikutkan supaya bisa terkoneksi dengan database
3. Baris ke 25 $id= $_GET[‘id’]; merupakan pembuatan variabel id untuk menampung variabel id yang dibawa pada halaman sebelumnya, yaitu pada halaman index.php, tepatnya pada kode di bawah ini,
4. Baris 16-17 merupakan pembuatan variabel $data untuk data foto berupa array yang telah dipilih berdasarkan id.
5. Baris ke 20 adalah membuat inputan dengan nama id berupa id dengan value dari id array yang telah dipilih pada $data, walaupun type= hidden tapi id ini tetap diperlukan pada sebagai identitas dari foto yang akan diedit.
6. Baris 21 adalah menampilkan foto yang akan diedit.
7. Baris 24 untuk menampilkan nama foto dari file yang akan di edit
8. Baris ke 27 membuat kolom inputan file gambar baru dengan type=”file”
9. Baris 30 adalah membuat sebuah tombol dengan name=”ubah” yang akan mengarahkan link ke file update.php
halaman edit.php merupakan halaman yang akan kita gunakan sebagai interface pada saat akan mengedit gambar, berisi file gambar yang telah dipilih ketika mengklik tombol edit pada tampilan index.php.
berikut tampilan gambar edit.php
1. Baris ke-3 adalah koding untuk membaca file submit, yang intinya jika ditemukan perintah “ubah” maka.....
2. Baris ke 5 adalah variabel untuk menampung sementara file gambar yang baru.
3. Baris ke 6 adalah variabel untuk menampung nama file gambar yang baru
4. Baris ke 7 adalah variabel untuk menampung nama file dari foto lama
5. Baris 9-10 merupakan query membuat $data sebagai variabel untuk menyimpan nilai array berdasarkan id yang telah dipilih
6. Baris 13 merupakan pembuatan kondisi “jika ditemukan file baru pada kolom upload file maka,..”
7. Baris ke 16 merupakan koding untuk menghapus file gambar lama yang sudah tersimpan dalam folder. Berdasarkan index array pada $data dengan nama ‘foto’
8. Baris ke 19 merupakan kode untuk memasukan/ memindahkan file gambar yang baru ke dalam folder yang telah ditentukan berdasarkan path yang telah dibuat.
9. Baris 20 merupakan query untuk mengubah nama file yang ada di database
10. Baris 21-26 merupakan pembuatan kondisi jika masih ditemukan file foto lama di dalam folder maka munculkan perintah gagal update, jika sudah tidak ditemukan lagi file foto lama maka munculkan perintah ‘foto berhasil di edit’ dan arahkan ke file tampil.php.(harusnya index.php, karena sudah direname pada awal pembahasan tadi :D)
Demikian tutorial kali ini, selamat mencoba.... :D
Comments
Post a Comment