使用擴展名將圖像另存爲JPG格式

我使用Backbone和html2canvas.js，這是迄今爲止將div轉換爲canvas並保存的代碼。它可以工作，但不會添加.jpg擴展名。因此，在下載圖像後，FF和Chrome首先詢問我想用來打開文件的程序，而IE只是告訴我我沒有正確的程序並建議訪問商店。使用擴展名將圖像另存爲JPG格式

在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;"); 


     } 
    }); 
},

來源

2014-08-27 oneday