使用扩展名将图像另存为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