如何从 dataURL 创建图像文件并保存？

Question

我找到了一种将其保存为 PDF 的方法，但现在我需要将其保存为图像。

这是我的代码：

function downloadCert() 
    {
        html2canvas($('#canvas'), {
            
          onrendered: function(canvas) {

            var imgData = canvas.toDataURL("image/jpeg");
            console.log(imgData);
            var pdf = new jsPDF();
            pdf.addImage(imgData, 'JPEG', 0, 0, -180, -180);
            pdf.save("download.pdf");
           }
         });

    }

Answer 1

const downloadFile = () => {
  const imgUri = 'data:image/gif;base64,R0lGODlhPQBEA....' //Image base64 uri
  const link = document.createElement('a')
  document.body.appendChild(link)

  link.href = imgUri
  link.target = '_self'
  link.fileName = 'test_file_download.gif'
  link.download = true
  link.click()
}

base64 字符串的格式和文件扩展名应该匹配才能正确打开文件。在上面的例子中，它是 gif

Answer 2

使用这个：

function blobCallback(fileName) {
    return function(b) {
      var a = document.createElement('a');
      a.download = fileName+ '.jpeg';
      a.href = window.URL.createObjectURL(b);
      a.click();
  }
}

$('#canvas').toBlob(blobCallback('DownloadFileName'), 'image/jpeg');

如何从 dataURL 创建图像文件并保存？

How to create an Image file from dataURL and save it?

javascript

image

file

save