file_browser_refresh_content.html (1381B)
1 <html> 2 <body> 3 <img src="file_browser_refresh_image.sjs"> 4 <iframe src="file_browser_refresh_iframe.sjs"></iframe> 5 <div id="result"></div> 6 7 <canvas id="canvas" width="100" height="100"> </canvas> 8 <script> 9 const image = document.querySelector("img"); 10 const iframe = document.querySelector("iframe"); 11 const result = document.getElementById("result"); 12 13 iframe.addEventListener("load", function() { 14 result.setAttribute( 15 "iframeContent", 16 iframe.contentDocument.body.textContent 17 ); 18 }); 19 20 // Ensure images are loaded 21 image.addEventListener("load", function() { 22 var canvas = document.getElementById('canvas'); 23 var ctx = canvas.getContext('2d'); 24 ctx.drawImage(image, 0, 0); 25 26 result.setAttribute("imageDataURL", canvas.toDataURL()); 27 }); 28 29 // Ensure expired resources are still loaded 30 fetch('./file_browser_refresh_expired_resource.sjs').then((response) => { 31 let cacheControl = response.headers.get('Cache-Control'); 32 result.setAttribute("expiredResourceCacheControl", cacheControl); 33 }); 34 35 // Ensure non cacheable resources are still loaded 36 fetch('./file_browser_refresh_non_cacheable.sjs').then(() => { 37 result.setAttribute("nonCacheableResourceCompleted", true); 38 }); 39 </script> 40 </body> 41 </html>