| <html> |
| <body> |
| <img id="image" onload="loadedImage()" onerror="erroredImage()"></img> |
| <script> |
| function log(message) |
| { |
| window.parent.postMessage(message, "*"); |
| } |
| |
| async function loadedImage() |
| { |
| log("PASS: Loaded image"); |
| await logStatus(); |
| log("Image size: " + image.width + "x" + image.height); |
| log("end"); |
| } |
| |
| async function erroredImage() |
| { |
| log("FAIL: image loading failed"); |
| await logStatus(); |
| log("end"); |
| } |
| |
| async function logStatus() |
| { |
| var response = await fetch("status"); |
| log("Status is " + response.statusText); |
| } |
| |
| async function start(url, useCors) |
| { |
| try { |
| await logStatus(); |
| log("Loading image"); |
| if (useCors) |
| image.crossOrigin = "anonymous"; |
| image.src = url; |
| } catch(e) { |
| log("Got exception: " + e); |
| await logStatus(); |
| } |
| } |
| </script> |
| </body> |
| </html> |