Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap

Assalamu'alaikum wr. wb.

Melanjutkan tutorial-tutorial yang sebelumnya yaitu:
Membuat Desain Web Responsive dengan Bootstrap
Membuat Tampil Data dengan PHP Mysqli OOP + Bootstrap

Kali ini kita akan belajar bagaimana "Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap". Jadi kita tidak perlu membuat halaman tampil data dan tambah data dalam page yang terpisah, tetapi cukup memanfaatkan modal dari bootstrap. Tampilannya nanti akan seperti ini kawan:


Dan implementasinya bisa seperti ini juga:


Gimana keren dan simpel bukan?

Oke langsung saja tutorial dan source code-nya dapat kita pelajari secara gratis dan jelas pada video dibawah ini. Jangan lupa setting kualitasnya menjadi full hd agar video terlihat jelas.



Jika masih ada yang bingung atau error jangan sungkan-sungkan untuk bertanya di komentar ya teman.

Baca juga tutorial selanjutnya :
Membuat Edit Data (& replace gambar di direktori) dengan Modal Bootstrap

Silahkan like, subscribe dan share. Semoga bermanfaat :)
Happy coding!

Wassalamu'alaikum wr. wb.
Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap
Item Reviewed: Membuat Tambah Data Sekaligus Upload Gambar dengan Modal Bootstrap 9 out of 10 based on 10 ratings. 9 user reviews.

Saya menunggu Gan, Update fotonya ketika foto di update foto yang di Drektorinya terUpdate jugak

Saya slalu nunggu Gan Update terbarunya

Thanks gan.
Ini gan disini sudah ada https://yukcoding.blogspot.com/2016/11/edit-data-replace-gambar-dgn-modal-bootstrap-php-mysqli-oop.html

terimakasih kak tutor videonya sangat membantu (y) , kalau untuk multiple upload foto ada ga ya ka tutornya??
di tunggu

Sama2 (y)
Maaf multiple upload belum ada, mungkin suatu saat bisa kita coba buat :)

Pak kalau mau menghiasi tombol choose file nya gimana cara ngambilnya ya !!

kok ga bisa ya youtube nya

Googling aja gan : edit choose file button

Maaf channel yang kemaren di banned gan. Ini sudah di upload ulang di channel yang baru.

mas, kok punya ku , gambarnya masuk di folder ,tapi nama brg sama gbr barang gk masuk di database nya padahal scriptnya udah di samain semuanya ee

Cek lagi variable nya gan, pastikan sama dengan name di inputan. Serta pastikan juga type data di field masing2 tabl-nya sama dengan yang ada di tutorial.

Okok .. Mas .. Minta referensi dong buat searchnya yg agak mirip dengan script ini ...

bang kok button simpan di modals yang saya buat gak merespon?....

Udah ada tag form nya apa belum?

Mas Admin saya sama persis dengan mas Pureagoes kasusnya, gimana ya?, gambar bisa pindah kefolder img tapi tidak masuk ke database, saya coba database saya kasi salah errornya g muncul. itu apanya ya?

maaf mas admin, mau tanya,, bagaiman agar notif errorny muncul,, kenapa kalo error (pake datatable) saat simpan data harus direfresh dulu baru mucul error(bukan sesuai script error yg dibuat)...
jadi, bagaimana kalo simpan data yg sama(PK) akan muncul notif jika data sudah tersedia.. OOP MariaDB..
mohon solusinya, terimakasih

Cek lagi variable nya gan, pastikan sama dengan name di inputan. Serta pastikan juga type data di field masing2 table-nya sama dengan yang ada di tutorial.

Memang errornya gimana gan?
Kalo mau cek ada PK yang duplikat atau gak, sebelum di insert di db cek dulu apakah sudah ada atau belum.

kalo tanpa uploud gambar, gimana menambahkan data nya min? apa yang di hilangkan min? maklum newbie hehe

Tinggal inputan gambar dan script proses upload gambarnya dihilangkan saja

min pada saat simpan , malah upload gambar gagal , itu kenapa min ?
padahal sama persis

Cek lagi, terutama bagian name di inputan, dan letak direktori upload mu

Komentar ini telah dihapus oleh pengarang.

Min...waktu saya kasih string $ untuk edit barang kok stringnya gak ubah wrna merah ya ? Jdinya pas di edit kagak nongol nama buku dll...malah kayak tambah data...aturan udah ditambahin jquery dari index itu

min kan saya cuma ngambil syyntax modal pas upload gambar doang,.
if ($upload){
.....->simpan_data(variable, variable);
header
}
nah itu yg titik2 isi pake syntax apa min.??

Cek lagi, ada yang salah mungkin gan. Ikuti aja sesuai tutorial dulu gan, kalo faham fungsi2nya baru diedit dan dikembangin sendiri

Ya sesuaiin dengan tutorial gan, tinggal yang gak penting dibuang

gan mhon maaf mau tanya klo errornya seperti ini kenapa ya
Notice: Trying to get property of non-object in C:\xampp\htdocs\belajar\models\m_barang.php on line 11

Fatal error: Call to a member function query() on null in C:\xampp\htdocs\belajar\models\m_barang.php on line 16

Notice: Undefined variable: connection in C:\xampp\htdocs\belajar\views\barang.php on line 4
sama yang itu kiranya admin bisa bantu mhon

bagus tutornya mudah di pahami, mas tambahin tutorial cara menyimpan tanggal sama option pilihan ke database biar lengkap

Kirim screenshot error dan screenshot scriptmu di https://fb.com/yukcoding

Alhamdulillah, sama2.

InsyaAllah mas, nanti kalo sempet :)

kak, kok enggak bisa buat upload gambar ya, padahal tutorialnya udah aq ikutin sma persis kok gambarnya enggak bisa diupload ya? itu kira" knp ya kak?
tulisannya itu "localhost say: Upload gambar gagal!" gitu kak, mohon penjelasannya ya kak.

Kalau bisa balas secepatnya ya kak..

Coba di cek bagian direktori upload nya, diteliti lagi

Mantap mas..makasih ilmunya yaa. Semoga jadi amal jariah aamin

Sama2. Amin. Thanks doa nya :)

gan.. saya kok pas tambah data, Stok Barang sama harga barang kok ga masuk ke database ya..

Coba teliti lagi gan, bisa sesuaikan dengan tutorial

terima kasih tutorialnya gan,, sangat bermanfaat, kapan update lagi gan lanjutanya..

Sama2.
Sudah ada update banyak gan, lihat di daftar isi atau di www.yukcoding.id

tambah datanya ga berfungsi setelah saya lanjutkan codingan edit data, mohon admin check dan test terlebih dahulu pastikan tambah datanya berfungsi hingga akhir script highchart....

Berfungsi kok gan, coba diperhatikan lagi videonya. Mungkin ada yang kelewat

Om admin , mau tanya. Ada ga tutor untuk download file dari database tanpa harus ngelink ke folder nyayang ? Ditunggu jawabannya om

Berarti file nya di upload ke database, tapi tidak disarankan karna bakalan berat database nya

saya ada error pas tambah data
Notice: Undefined index: gbr_brg in C:\xampp\htdocs\belajar_codinglah\views\barang.php on line 98

Warning: explode() expects at least 2 parameters, 1 given in C:\xampp\htdocs\belajar_codinglah\views\barang.php on line 98

Warning: end() expects parameter 1 to be array, null given in C:\xampp\htdocs\belajar_codinglah\views\barang.php on line 99

Notice: Undefined index: gbr_brg in C:\xampp\htdocs\belajar_codinglah\views\barang.php on line 100

Coba konsultasi di https://fb.com/yukcoding

mas saya coba praktek tutorial upload gambar,gambar di tabel tidak muncul cuma muncul icon gambar pecah,tapi di folder img sudah ada gambar yang saya upload,kalau seperti ini masalahnya dari apa iya mas

Gambarnya belum terpanggil, mungkin salah di path / letak nya

Komentar ini telah dihapus oleh pengarang.

Mas, saya ngikutin yang ini, tapi pada saat saya mau input Data dari Select Multiple nya gabisa loh? padahal sudah coba ngikutin dari yg ini "https://www.yukcoding.id/membuat-form-combobox-dan-select-multiple-dari-database/", mohon pencerahannya mas.

Ben : Silakan diskusi di grup telegram https://t.me/yukcodingid

Misi gan mau tanya ini kenapa ya tampilan tambah nya beda dengan yang di tutorial padahal sudah saya cek sama keknya :3
http://prntscr.com/q0ghql

Coba cek di console browser ada error apa. Jika masih ada kendala silakan diskusi di grup telegram YukCoding Forum

mas kalau mau buat input tanpa file dan dengan file bisa dua-duanya gimana caranya ya?

di saya tidak bisa terinput datanya mas kenpa Ya ? thanks

mas saya udh ikutin tutor nya, namun saya ada kendala di input foto, karena saya mau ada foto before dan after,
$extensi = explode(".".$FILES['foto_before']['name']);
$extensi = explode(".".$FILES['foto_after']['name']);
$foto_before = "foto-".round(microtime(true)).".".end($extensi);
$foto_after = "foto-".round(microtime(true)).".".end($extensi);
$sumber = $_FILES['foto_before']['tmp_name'];
$sumber = $_FILES['foto_after']['tmp_name'];
$upload = move_upload_file($sumber, "assets/img/pasien/".$foto_before);
$upload = move_upload_file($sumber, "assets/img/pasien/".$foto_after);

salah nya dimana mas ? mohon bimbingannya

Emoticon? nyengir

Berkomentarlah dengan bahasa yang relevan dan sopan.. #ThinkHIGH! ^_^

Info

Agar tidak ketinggalan update menarik :

Follow instagram @yukcoding
Subscribe youtube YukCoding Media

Happy coding :)
Just load it!