Canvas.toDataURL()返回没有扩展名的文件

Question

我在点击保存按钮时将html画布转换为jpg.我使用下面的代码

$('#save').click(function(e){
    var canvas = $('#myCanvas')[0];
    var image = canvas.toDataURL("image/png").replace("image/png","image/octet-stream");   
    window.location.href=image; // it will save locally
});

不幸的是,我没有任何扩展名下载文件.我想要的是当我点击下载按钮时,浏览器必须从具有文件扩展名的页面下载文件.

谢谢

Answer 1

你应该使用：

var canvas = document.getElementById("mycanvas");
var img    = canvas.toDataURL("image/png");

要加载，您需要使用：

document.write('<img src="'+img+'"/>');