使用擴展名將圖像另存為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>並要求用戶右鍵單擊並保存圖像？