This JavaScript program shows how to fetch an image via an AJAX call.
<!DOCTYPE html> <html> <head> <title>XoaX.net's Javascript AJAX Example</title> <style> body { background: lightgray; } </style> <script language="javascript" type="text/javascript" src="XoaxAjaxGetImage.js"></script> </head> <body> <img id="idLogo"/> </body> </html>
var qHttpRequest = new XMLHttpRequest(); qHttpRequest.open( "GET", "XoaXLogoNew.png", true ); qHttpRequest.responseType = "arraybuffer"; qHttpRequest.onload = function( e ) { var uiaBytes = new Uint8Array( this.response ); var qBlob = new Blob([uiaBytes], {type:"image/png"}); var qImageUrl = URL.createObjectURL(qBlob); var qImageElement = document.querySelector("#idLogo"); qImageElement.src = qImageUrl; }; qHttpRequest.send();
© 20072024 XoaX.net LLC. All rights reserved.