IE9 - 功能错误:' ArrayBuffer'未定义ReferenceError:' ArrayBuffer'未定义

时间:2014-09-29 15:09:38

标签: javascript jquery html5 internet-explorer-9 jspdf

我创建了一个下载pdf的应用程序。 pdf基于html表。 该应用程序在所有浏览器中都运行正常,但是当我在IE9中运行时,我得到了Error in function : 'ArrayBuffer' is undefined ReferenceError: 'ArrayBuffer' is undefined。由于IE9是基于HTML5的浏览器,jspdf应该可以工作。

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');
}

任何人都可以告诉我一些解决方案吗

1 个答案:

答案 0 :(得分:2)

使用以下代码启用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>

使用以下代码延迟加载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>