Untuk artikel kali ini karena ada request dari murid, ya sudah saya buatkan saja sekalian artikelnya seperti itu, jadi disini kita akan belajar cara menampilkan file gambar dari form inputan menggunakan javascript, tau ya teman-teman maksudnya seperti apa, jadi seperti ini, dimana nanti, saya membuat sebuah inputan form, dan ketika form itu kita ketikan nama file gambarnya lalu kita submit, maka akan tampil sebuah gambar dengan nama file yang tadi kita ketik di sebuah form inputan. oke seperti apa jangan kemana-mana simak terus ya teman-teman.

Ada yang perlu teman-teman perhatikan saat kita belajar cara menampilkan file gambar dari form inputan menggunakan javascript, dimana kita harus harus tau tempat gambar itu, misal ada di folder “image” jadi jika kita tempatkan di folder image, teman-teman harus mengetikan nama foldernya juga ya, karena value yang terdapat pada sebuah form adalah value dari sebuah atribute srcnya, maka dari disini saya sengaja menempatkan gambar itu sejajar dengan file indexnya, supaya yang saya ketikan di sebuah form inputan tersebut langsung nama file gambarnya, oke sekarang kita lihat cara membuatnya:

dan silahkan teman-teman copya ya, kode di atas, teman-teman perhatikan kode yang ini:

Fungsi ini lah yang membuat sebuah gambar bisa di tampilkan, jadi ketika button di klik, kita ambil valuenya, lalu kita gunakan method setAttribute dengan src ya, oke langsung saja kita lihat hasilnya:

cara menampilkan file gambar dari form inputan menggunakan javascript

Dan sekarang nama file gambar itu adalah dumet.jpg, jadi ketika saya megetikan dumet.jpg, dan saya submit, maka gambar itu pun tampil, okek seperti itu saja ya teman-teman dari saya semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.