使用扩展名将图像另存为jpg

Question

我正在使用Backbone和html2canvas.js，这是到目前为止我将div转换为画布并保存它的代码。 它可以工作，但不添加.jpg扩展名。 因此，在下载图像后，FF和Chrome首先询问我要用来打开文件的程序，而IE只是告诉我我没有正确的程序，建议您去商店。

在FF和Chrome中，选择默认的Windows图片查看器等时可以看到图像。

我想要实现的是添加.jpg扩展名，以便该文件立即在默认程序中打开：

 savePicture: function() {
    //$(this.el).find('.drag-img').unwrap();
    var image = $(this.el).find('#droppable2');

    html2canvas(image, {
        onrendered: function(canvas) {
            var img = canvas.toDataURL("image/jpeg");


            var frame = document.getElementById("myHideFrame");
            if (!frame) {
                frame = document.createElement("iframe");
                frame.id = "myHideFrame";
                document.body.appendChild(frame);
            }
            frame.src = img.replace(/^data[:]image\/(png|jpg|jpeg)[;]/i, "data:application/octet-stream;");


        }
    });
},

Answer 1

可悲的是， IE8及更高版本仅支持CSS， <link>和<img>数据URI 。 因此，按原样将其添加到框架将不起作用。

对于IE8及更高版本，您能否将数据放入<img>并要求用户右键单击并保存图像？