jsPDF addImage does not work with Downloadify

[ahwolf]

Thanks for building such a great product.

I'm trying to build a solution that works across browsers including IE8 so I'm using the downloadify option for saving the data. For some reason, downloadify does not instantiate a save request when I attempt to use the addImage functionality.

Test: Use the website supplied code to add an image to a pdf document. Try to start with downloadify.

Result: No save dialog occurs. Remove the addImage line and everything works like a charm.

Not sure what could be tripping up downloadify on this issue.

Thanks!

[ahwolf]

A little more digging, looks like this is a known issue with downloadify and binary strings. The issue has been opened for a couple of years without resolution: dcneiner/Downloadify#8

[kardave]

The other issue has the solution:
change dataType to 'base64' and return atob( yourBinaryData) instead.

Here's a more specific solution. This works for me under ie8/9/10:

Downloadify.create('downloadify',{
            filename: 'Example.pdf',
            dataType: 'base64',
            data: function(){ 
                var doc = generate_show();  //pdf building with images and shapes...
                return doc.output('datauristring');
            },

[vivekkapoor101]

Hi kardave,

Thanks for pointing it out. Can you provide some more details on

return atob( yourBinaryData) instead.

Thanks
K

[JHall79]

Any update on this? I am having the same issue.

Nothing happens when doc.addImage(binary,'JPEG',15,40,180,180).

Remove that line and all works.

Can someone please post a working example? (Target browser is IE8)

Thanks!
J

[JHall79]

Finally got it. Here is my working code:

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

[hasanda5555]

Thank you.. You just save my DAY.!!

[Jaydeep62]

I am trying to generate a pdf on my custom button click. But its not working.

Can anyone provide working code for reference?

Thanks,
JD

[JHall79]

There is plenty of working code and demos available to reference. Are you having problems specific to downloadify? Too many variables without more info..

[diegocr]

For issues related to IE please post at #180, we're gathering info regarding if we should support older versions of this browser. Thanks.