Categories
ajax JQUERY

Teknik Upload Foto/Gambar + Save Data dengan Ajax Jquery

Teknik Upload Foto/Gambar + Save Data dengan Ajax Jquery

jQuery-Ajax-Write-More-Do-Less








Assalamualaikum Wr.Wb

Oke pada kali ini saya akan sedikit membagikan teknik bagaimana cara Upload data / file atau gambar dengan menggunakan Ajax Jquery.

Mungkin salah satu dari anda bertanya, mengapa harus menggunakan ini Om? make PHP juga bisa. Memang bisa, saya juga dulu berpikir seperti anda. Namun nanti pada suatu saat ada Plugin atau sesuatu yang membuat Inputan tersebut tidak jalan dengan PHP atau butuh untuk akses data secara cepat, maka Jquery Ajax lah jawabannya. tanpa Banayk CIncong, langsung saja anda buat sebuah file dan beri nama form.php dan isi dengan code berikut

 

lalu anda buat satu file lagi untuk proses uploadnya beri nama upload.php

langsung saja deh anda jalankan, eh tambah 1 lagi, anda buat 1 Folder dan beri nama img ini digunakan untuk menyimpan Gambar atau hasil uploadtan anda.

upload

Nah jika tidak ada yang error maka setelah anda isi file upload, maka file tersebut akan segera masuk ke folder img.

Jika malas ngetik anda bisa download Sourcennya disini

Nah sekian semoga bermanfaat.

Jika ada pertanyaan tinggalkan comment saja

Wassalamualaikum Wr. Wb