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!

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

 Prepare to elevate your security operations with the powerful upgrade to Splunk Enterprise Security 8.x! This ...

Get Early Access to AI Playbook Authoring: Apply for the Alpha Private Preview ...

Passionate about security automation? Apply now to our AI Playbook Authoring Alpha private preview ...

Reduce and Transform Your Firewall Data with Splunk Data Management

Managing high-volume firewall data has always been a challenge. Noisy events and verbose traffic logs often ...