Splunk Enterprise

Dashboard - Screenshot Button

threadover
Loves-to-Learn Everything

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.

0 Karma
Get Updates on the Splunk Community!

Archived Metrics Now Available for APAC and EMEA realms

We’re excited to announce the launch of Archived Metrics in Splunk Infrastructure Monitoring for our customers ...

Detecting Remote Code Executions With the Splunk Threat Research Team

WATCH NOWRemote code execution (RCE) vulnerabilities pose a significant risk to organizations. If exploited, ...

Enter the Dashboard Challenge and Watch the .conf24 Global Broadcast!

The Splunk Community Dashboard Challenge is still happening, and it's not too late to enter for the week of ...