Added real file downloading

toonvandenbos · Jun 7, 2016 · 7dd52db · 7dd52db
1 parent a87804b
commit 7dd52db
Show file tree

Hide file tree

Showing 4 changed files with 49 additions and 7 deletions.
diff --git a/build/paparazzimg.js b/build/paparazzimg.js
@@ -33,8 +33,10 @@ var paparazzimg = (function(p) {
       };
 
       p.download = function(mode, id) {
-            if(id == undefined) return downloadAll(mode);
-            return downloadTracker(id, mode);
+            var a;
+            if(id == undefined) a = downloadAll(mode);
+            else a = downloadTracker(id, mode);
+            for (var i = 0; i < a.length; i++) a[i].download();
       };
 
       function registerEvent() {
@@ -125,6 +127,7 @@ paparazzimg.canvas = function( tracker, mode ) {
       this.file = null;
       this.canvas = null;
       this.ctx = null;
+      this.link = null;
       this.conf = {
             colors: {
                   base: {r: 63, g: 74, b: 78, a: 1},
@@ -143,7 +146,7 @@ paparazzimg.canvas = function( tracker, mode ) {
             this.makeCanvas();
             this.drawBase();
             this.drawBreaks();
-            document.body.appendChild(this.canvas);
+            this.makeDownloadLink();
       };
 
       this.makeName = function() {
@@ -160,6 +163,24 @@ paparazzimg.canvas = function( tracker, mode ) {
             this.ctx.lineCap = "round";
       };
 
+      this.makeDownloadLink = function() {
+            this.link = document.createElement('a');
+            this.link.addEventListener('click',(function(self){return function(e){self.event_download(e)}})(this),false);
+      };
+
+      //    API
+
+      this.download = function() {
+            this.link.click();
+      };
+
+      //    EVENT
+
+      this.event_download = function() {
+            this.link.href = this.canvas.toDataURL();
+            this.link.download = this.file;
+      };
+
       //    DRAW
 
       this.drawBase = function() {

diff --git a/build/paparazzimg.min.js b/build/paparazzimg.min.js
diff --git a/src/canvas.js b/src/canvas.js
@@ -4,6 +4,7 @@ paparazzimg.canvas = function( tracker, mode ) {
       this.file = null;
       this.canvas = null;
       this.ctx = null;
+      this.link = null;
       this.conf = {
             colors: {
                   base: {r: 63, g: 74, b: 78, a: 1},
@@ -22,7 +23,7 @@ paparazzimg.canvas = function( tracker, mode ) {
             this.makeCanvas();
             this.drawBase();
             this.drawBreaks();
-            document.body.appendChild(this.canvas);
+            this.makeDownloadLink();
       };
 
       this.makeName = function() {
@@ -39,6 +40,24 @@ paparazzimg.canvas = function( tracker, mode ) {
             this.ctx.lineCap = "round";
       };
 
+      this.makeDownloadLink = function() {
+            this.link = document.createElement('a');
+            this.link.addEventListener('click',(function(self){return function(e){self.event_download(e)}})(this),false);
+      };
+
+      //    API
+
+      this.download = function() {
+            this.link.click();
+      };
+
+      //    EVENT
+
+      this.event_download = function() {
+            this.link.href = this.canvas.toDataURL();
+            this.link.download = this.file;
+      };
+
       //    DRAW
 
       this.drawBase = function() {

diff --git a/src/front.js b/src/front.js
@@ -33,8 +33,10 @@ var paparazzimg = (function(p) {
       };
 
       p.download = function(mode, id) {
-            if(id == undefined) return downloadAll(mode);
-            return downloadTracker(id, mode);
+            var a;
+            if(id == undefined) a = downloadAll(mode);
+            else a = downloadTracker(id, mode);
+            for (var i = 0; i < a.length; i++) a[i].download();
       };
 
       function registerEvent() {