Cara Mengambil Gambar dari Web dengan JavaScript Sederhana - Panduan Lengkap

"Cara Mengambil Gambar dari Web dengan JavaScript Sederhana - Panduan Lengkap" "Pelajari cara mengambil gambar dari web menggunakan JavaScript sederhana dengan AJAX. Tutorial ini mencakup langkah demi langkah untuk membuat permintaan, mengurai respon, dan menampilkan gambar di halaman Anda." "javascript, gambar, web, ajax, xmlhttprequest, mengambil gambar, tutorial" "Berikut adalah contoh perintah JavaScript sederhana untuk mengambil gambar dari web menggunakan AJAX: \n\njavascript\n// Membuat objek XMLHttpRequest\nvar xhr = new XMLHttpRequest();\n\n// Mengatur callback function ketika permintaan selesai\nxhr.onload = function() {\n if (xhr.status === 200) {\n // Mengambil respon dalam bentuk teks\n var response = xhr.responseText;\n\n // Mencari tag <img> dalam respon\n var imgTag = /<img.*?src="(.*?)"/g;\n var match = imgTag.exec(response);\n\n // Mengambil URL gambar\n var imageUrl = match[1];\n\n // Membuat elemen <img> baru\n var imgElem = document.createElement('img');\n imgElem.src = imageUrl;\n\n // Menambahkan elemen <img> ke dalam dokumen\n document.body.appendChild(imgElem);\n }\n};\n\n// Membuat permintaan GET ke URL gambar\nxhr.open('GET', 'https://www.example.com', true);\nxhr.send();\n\n\nPerhatikan bahwa dalam contoh di atas, kita menggunakan XMLHttpRequest untuk membuat permintaan GET ke URL web yang diinginkan (misalnya 'https://www.example.com'). Setelah mendapatkan respon, kita mencari tag <img> dalam respon menggunakan ekspresi reguler, dan kemudian mengambil URL gambar dari tag tersebut. Terakhir, kita membuat elemen <img> baru, mengatur sumber gambar dengan URL yang ditemukan, dan menambahkannya ke dalam dokumen.