2017-06-21 20 views
0

したがって、html2canvasを使用してファイルをプログラムで保存し、ファイルを保存するように管理しています。ただし、レンダリングするイメージの名前を「ダウンロード」として保存するのではなく、指定したいと考えています。それは可能ですか?次のように私はこれを実装してきた現在の方法は次のとおりです。html2canvasをローカルに保存するためのファイル名を指定する

html2canvas(document.body, { 
    onrendered: function(canvas) { 
     var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // here is the most important part because if you dont replace you will get a DOM 18 exception. 
     window.location.href=image; 
    } 
}); 
+1

あなたは今それを持っている途中で動作していないいただきましたか? –

+0

現時点では、ファイルを「ダウンロード」という名前のファイルとして保存します。私は、ファイル名と拡張子を指定できるようにしたいと思います。 (拡張子がなくても画像として開くことができます) –

答えて

1
html2canvas(document.body, { 
    onrendered: function(canvas) { 
     var image = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); // here is the most important part because if you dont replace you will get a DOM 18 exception. 
     var a = document.createElement('a'); 
     a.href = image; 
     a.download = 'somefilename.png'; 
     a.click(); 
    } 
}); 
+0

@Connor Andersonこのソリューションをチェックしてください。これは、ファイル名と拡張子を指定するのに役立ちます。 – Dixit

+0

'canvas.toBlob()' + FileSaver.jsを使用する方が良いでしょう – Kaiido

+0

このDixitに感謝します!それが問題を完全に解決しました! :D –

関連する問題