IE9 - Error in function : 'ArrayBuffer' is undefined ReferenceError: 'ArrayBuffer' is undefined

Question

I have created an application for downloading pdf. the pdf is based on an html table. The application is working fine in all browser but when i run in IE9 i am getting Error in function : 'ArrayBuffer' is undefined ReferenceError: 'ArrayBuffer' is undefined. Since IE9 is HTML5 based browser jspdf should work i guess.

Working Demo

function demoFromHTML() {
    var pdf = new jsPDF('p', 'pt', 'letter');
    pdf.cellInitialize();
    pdf.setFontSize(10);
    $.each($('#customers tr'), function (i, row) {
        if ($(row).text().trim().length !== 0) {
            $.each($(row).find("td, th"), function (j, cell) {
                var txt = $(cell).text().trim() || " ";
                var width = (j == 4) ? 40 : 70;
                if (j == 7) {
                    width = 120;
                }
                if(i==0)
                {
                    pdf.setFontStyle('bold');
                }
                else
                {
                    pdf.setFontStyle('normal');
                }   
                    pdf.cell(10, 10, width, 18, txt, i);             
            });
        }
    });

    pdf.save('sample-file.pdf');
}

Can anyone please tell me some solution for this

"Browser Compatibility jsPDF will work in IE6+*, Firefox 3+, Chrome, Safari 3+, Opera. For IE9 and below, we lazily load a Flash shim called Downloadify which enables the files to be downloaded. (Current build does not have IE6-9 shim enabled)." -jsPDF page — Karl-André Gagnon
– Karl-André Gagnon, Commented Sep 29, 2014 at 15:12

Paul Sweatte · Accepted Answer · 2015-05-06 13:25:54Z

Use the following code to enable downloadify:

<!doctype>
<html>
<head>
    <title>jsPDF</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script type="text/javascript" src="../libs/base64.js"></script>
    <script type="text/javascript" src="../jspdf.js"></script>
    <script type="text/javascript" src="../libs/downloadify/js/swfobject.js"></script>
    <script type="text/javascript" src="../libs/downloadify/js/downloadify.min.js"></script>    
</head>

<body onload="load()">
<h1>jsPDF Downloadify Example</h1>

<p>This is an example of jsPDF using <a href="http://www.downloadify.info/">Downloadify</a>. This works in all major browsers.</p>

<p id="downloadify">
    You must have Flash 10 installed to download this file.
</p>

<script type="text/javascript">
    function load(){
        Downloadify.create('downloadify',{
            filename: 'Example.pdf',
            data: function(){ 
                var doc = new jsPDF();
                doc.text(20, 20, 'PDF Generation using client-side Javascript');
                doc.addPage();
                doc.text(20, 20, 'Do you like that?');
                return doc.output();
            },
            onComplete: function(){ alert('Your File Has Been Saved!'); },
            onCancel: function(){ alert('You have cancelled the saving of this file.'); },
            onError: function(){ alert('You must put something in the File Contents or there will be nothing to save!'); },
            swf: '../libs/downloadify/media/downloadify.swf',
            downloadImage: '../libs/downloadify/images/download.png',
            width: 100,
            height: 30,
            transparent: true,
            append: false
        });
    }
</script>   
</body>
</html>

Use the following code to lazy load Downloadify:

<script id="jspdf" src="../jspdf.js"></script>

<script id="lazy">
var jspdfScript = document.getElementByid('jspdf');
var swfobjectScript = document.createElement('script');
var downloadifyScript = document.createElement('script');

swfobjectScript.src = "../libs/downloadify/js/swfobject.js";
downloadifyScript.src = "../libs/downloadify/media/downloadify.swf";

if (window.ActiveXObject)
  {
  document.documentElement.insertBefore(jspdfScript, swfobjectScript);

  swfobjectScript.onload = function () {
  document.documentElement.insertBefore(jspdfScript, downloadifyScript);
  };

  downloadifyScript.onload = function () {
    load();
  }
</script>

For anyone googling, you can find Downloadify in libs/Downloadify/ when you download jsPDF

Collectives™ on Stack Overflow

IE9 - Error in function : 'ArrayBuffer' is undefined ReferenceError: 'ArrayBuffer' is undefined

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related