- Mark as New
- Bookmark Message
- Subscribe to Message
- Mute Message
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Dashboard - Screenshot Button
threadover
Loves-to-Learn Everything
12-22-2022
10:57 AM
Hello,
I am trying to figure out why the script for my dashboard will not produce results. I am getting the error below.
"..//appname/appserver/static/components/html2canvas ” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff)
Dashboard XML
<panel>
<html>
<div>
<input id="btn-submit" type="button" class="btn btn-primary" value="Download Screenshot"/>
</div>
</html>
</panel>
JS in ...//appserver/static/test.js
require([
"underscore",
"jquery",
"splunkjs/mvc",
"splunkjs/mvc/simplexml/ready!",
"//splunk/etc/apps/appname/appserver/static/components/html2canvas",
],
function(_, $, mvc,html2canvas) {
$("#btn-submit").on("click", function(e){
var screenshot = require("//splunk/etc/apps/appname/appserver/static/components/html2canvas");
screenshot(document.querySelector("#test1"), {scale:2}).then(canvas => {
console.log(canvas);
var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
var link = document.createElement('a');
link.download = "Dashboard Report.png";
link.href = image;
link.click();
});
});
});
Any assistance is greatly appreciated.
