이미지를 확장명이 jpg로 저장합니다.

Question

저는 백본과 html2canvas.js를 사용하고 있습니다. 이것은 div를 캔버스로 변환하고 저장하는 코드입니다. 작동하지만 .jpg 확장명을 추가하지는 않습니다. 이 때문에 이미지를 다운로드 한 후 FF와 Chrome은 먼저 파일을 여는 데 사용하려는 프로그램에 대해 묻습니다. IE는 올바른 프로그램이없고 매장 방문을 제안합니다. 기본 Windows 사진 뷰어 등을 선택할 때 이미지를 볼 수 있습니다에서

FF와 크롬

내가 달성하고자하는 파일이 바로 기본 프로그램에서 열립니다 있도록 .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 and above only supports data URIs in CSS, <link>, and <img>. 따라서 프레임에 추가하면 효과가 없습니다.

IE8 이상인 경우 데이터를 <img>에 넣고 이미지를 마우스 오른쪽 버튼으로 클릭하고 저장하도록 요청할 수 있습니까?