将图像另存为带扩展名的 jpg答案

【问题标题】：Save image as jpg with extension将图像另存为带扩展名的 jpg
【发布时间】：2014-08-27 17:50:20
【问题描述】：

我正在使用 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;");


        }
    });
},

【问题讨论】：

标签： javascript css backbone.js html2canvas

【解决方案1】：

很遗憾，IE8 and above only supports data URIs in CSS, <link>, and <img>。因此，将其添加到您正在执行的框架中是行不通的。

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

【讨论】：