javascript - 使用 downloadify 的 jsPDF 包括无法正常工作的图像

Question

代码如下:

Downloadify.create('downloadify',{
    filename: 'Example.pdf',
    data: function(){ 
        var doc = new jsPDF();
        doc.setFontSize(40);
        doc.text(35, 25, "Octonyan loves jsPDF");
        doc.addImage(imgData, 'JPEG', 15, 40, 180, 180);
        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('Error'); },
    swf: 'Downloadify/media/downloadify.swf',
    downloadImage: 'Downloadify/images/save.png',
    width: 250,
    height: 40,
    transparent: true,
    append: false
});

目标浏览器是IE8。我正在使用来自 jsPDF.com 的图像示例。如果我删除 doc.addImage 行，它就可以正常工作。想法？谢谢。

Answer 1

终于明白了。

为图像添加了dataType: 'base64'，并更改了data: function()。

这是我的工作代码:

 Downloadify.create('downloadify',{
    filename: 'Example.pdf',
    dataType: 'base64',
    data: function(){ 
        var doc = new jsPDF();
        doc.addImage(img64, 'JPEG', 0, 0, 215, 40);
        var output = doc.output();
        return btoa(output);
    },
    onComplete: function(){ alert('Your File Has Been Saved!'); },
    onCancel: function(){ alert('You have cancelled the saving of this file.'); },
    onError: function(){ alert('Error'); },
    swf: 'Downloadify/media/downloadify.swf',
    downloadImage: 'Downloadify/images/save.png',
    width: 250,
    height: 40,
    transparent: true,
    append: false
});