cordova : How to download canvas as image in mobile app?

Asked Aug 12 '15 at 10:40

Active Aug 12 '15 at 10:53

Viewed 685 times

I am developing android app with cordova. I generate dynamic QR Code in canvas with this lib. When I try to download the QR code It works fine in browser. But when I try to download to gallery it doesnt download and no console logs.

HTML:

<a id="downlodQrCode"> Download Now </a>

JS:

$('#downlodQrCode').click(function(){
   var canvas = document.getElementsByTagName('canvas')[0],
    ctx = canvas.getContext('2d');

    downloadCanvas = function(link, canvasId, filename) {
      link.href = document.getElementsByTagName(canvasId)[0].toDataURL('image/jpeg');
      link.download = filename;
    }

    downloadCanvas( document.getElementById('downlodQrCode') , 'canvas', 'test.jpeg' );
});

How to download image from cordova app?

edited Aug 12 '15 at 10:53

asked Aug 12 '15 at 10:40

Ramesh Murugesan

4,727
7
42
67

Are you using download attribute of anchor HTML tag for this? – Akki619 Aug 12 '15 at 10:45
@Akki619 Yes, its anchor tag – Ramesh Murugesan Aug 12 '15 at 10:46
I think android web view does not support download attribute. I would suggest to look for another option using cordova; they have provision for this. – Akki619 Aug 12 '15 at 10:52
@Akki619. Please checkout my edited question – Ramesh Murugesan Aug 12 '15 at 10:54
I don't think it will save to gallery automatically; from my POV, file needs to be placed in gallery manually. Cordova have provision for this. File System access and file writing, – Akki619 Aug 12 '15 at 10:59
Thanks @Akki619, Let me try file system access – Ramesh Murugesan Aug 12 '15 at 11:02
http://stackoverflow.com/questions/21577230/phonegap-save-image-from-url-into-device-photo-gallery ; this might help you; instead of url u have base 64 of image. – Akki619 Aug 12 '15 at 11:04
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/86776/discussion-between-akki619-and-blue-bells). – Akki619 Aug 12 '15 at 11:07

cordova : How to download canvas as image in mobile app?

0 Answers0