FileSaver.js

Question

के साथ पीएनजी फ़ाइलों को सहेजना मैं अपने एक्सप्रेस ऐप से पीएनजी फ़ाइलों को डाउनलोड करने के लिए FileSaver.js का उपयोग करने की कोशिश कर रहा हूं। फ़ाइलों को बेस 64 एन्कोडेड तारों के रूप में भेजा जा रहा है, लेकिन जब मैं उन्हें बचाने के लिए FileSaver.js का उपयोग करने का प्रयास करता हूं तो वे दूषित हो जाते हैं।

इस तरह से मैं उन्हें बचाने के लिए कोशिश कर रहा हूँ है:

var blob = new Blob([base64encodedString], {type: "data:image/png;base64"}); 
saveAs(blob, "image.png"); 

मैं भी छवियों को बचाने की इस पद्धति का उपयोग किया है, लेकिन अगर base64encodedString बहुत बड़ा हो जाता यह काम नहीं करता:

var download = document.createElement('a'); 
download.href = 'data:image/png;base64,' + base64encodedString; 
download.download = 'reddot.png'; 
download.click(); 

मैं FileSaver.js के साथ क्या गलत कर रहा हूं?

Answer 1

मुझे पता चला है कि आप इसे पहले कैनवास में लिखना चाहते हैं। एक ब्लॉब में

Click Here

base_image = new Image(); 
base_image.src = Base64String 

कैनवास

var canvas = document.getElementById('YourCanvas'); 
context = canvas.getContext('2d'); 
// Draw image within 
context.drawImage(base_image, 0,0); 

तो आप FileSaver.js उपयोग कर सकते हैं यह

को बचाने के लिए और अंत में बचाने के यह

x_canvas.toBlob(function(blob) { 
saveAs(blob, "screenshot.png"); 
}, "image/png"); 

इस पोस्ट में Click Here For Fiddle