Javascript - 如何将base64 pdf数据转换和下载为png图像？答案

【问题标题】：Javascript - How to convert and download base64 pdf data as an png image?Javascript - 如何将base64 pdf数据转换和下载为png图像？
【发布时间】：2021-04-19 20:18:04
【问题描述】：

我想用 base64 pdf 数据欺骗 png 文件下载。怎么做？这是我的脚本：

var base64pdfData = atob(
  'JVBERi0xLjcKCjEgMCBvYmogICUgZW50cnkgcG9pbnQKPDwKICAvVHlwZSAvQ2F0YWxvZwogIC9QYWdlcyAyIDAgUgo+PgplbmRvYmoKCjIgMCBvYmoKPDwKICAvVHlwZSAvUGFnZXMKICAvTWVkaWFCb3ggWyAwIDAgMjAwIDIwMCBdCiAgL0NvdW50IDEKICAvS2lkcyBbIDMgMCBSIF0KPj4KZW5kb2JqCgozIDAgb2JqCjw8CiAgL1R5cGUgL1BhZ2UKICAvUGFyZW50IDIgMCBSCiAgL1Jlc291cmNlcyA8PAogICAgL0ZvbnQgPDwKICAgICAgL0YxIDQgMCBSIAogICAgPj4KICA+PgogIC9Db250ZW50cyA1IDAgUgo+PgplbmRvYmoKCjQgMCBvYmoKPDwKICAvVHlwZSAvRm9udAogIC9TdWJ0eXBlIC9UeXBlMQogIC9CYXNlRm9udCAvVGltZXMtUm9tYW4KPj4KZW5kb2JqCgo1IDAgb2JqICAlIHBhZ2UgY29udGVudAo8PAogIC9MZW5ndGggNDQKPj4Kc3RyZWFtCkJUCjcwIDUwIFRECi9GMSAxMiBUZgooSGVsbG8sIHdvcmxkISkgVGoKRVQKZW5kc3RyZWFtCmVuZG9iagoKeHJlZgowIDYKMDAwMDAwMDAwMCA2NTUzNSBmIAowMDAwMDAwMDEwIDAwMDAwIG4gCjAwMDAwMDAwNzkgMDAwMDAgbiAKMDAwMDAwMDE3MyAwMDAwMCBuIAowMDAwMDAwMzAxIDAwMDAwIG4gCjAwMDAwMDAzODAgMDAwMDAgbiAKdHJhaWxlcgo8PAogIC9TaXplIDYKICAvUm9vdCAxIDAgUgo+PgpzdGFydHhyZWYKNDkyCiUlRU9G');

var obj = document.createElement('object');
obj.style.width = '100%';
obj.style.height = '842pt';
obj.type = 'image/png';
obj.data = 'data:image/png;base64,' + base64pdfData;
document.body.appendChild(obj); 

var link = document.createElement('a');
link.innerHTML = 'Download PNG file';
link.download = 'file.png';
link.href = 'data:application/octet-stream;base64,' + base64pdfData;
document.body.appendChild(link);

//var a = document.createElement("a"); //Create <a>
//a.href = "data:image/png;base64," + base64pdfData; //Image Base64 Goes   here
//a.download = "Image.png"; //File name Here
//a.click();

这是一个小提琴：

https://jsfiddle.net/duejg9n3/

我需要使用这个 pdf.js 库吗？ https://jsfiddle.net/pdfjs/cq0asLqz/

【问题讨论】：

我想欺骗一个 png 文件 - 抱歉，这是什么意思？

标签： javascript pdf base64 png

【解决方案1】：

在下载 PNG 图像之前，您基本上需要做两件事：

解码base64字符串得到PDF
将 PDF 转换为 PNG

一种方法是使用LEADTOOLS Document Library 之类的东西（这是我熟悉的，因为我为这个工具包的供应商工作）。

使用此库，您可以在服务器端 C# 代码中实现 DocumentConverter 类，该代码解码 base64 字符串，将 PDF 转换为 PNG，然后以 base64 字符串返回 PNG 输出：

MemoryStream ms = new MemoryStream(Convert.FromBase64String(pdfStr));
using (DocumentConverter documentConverter = new DocumentConverter())
using (LEADDocument document = DocumentFactory.LoadFromStream(ms, new LoadDocumentOptions()))
{
   MemoryStream outputStream = new MemoryStream();

   DocumentConverterJobData jobData = new DocumentConverterJobData();
   jobData.Document = document;
   jobData.RasterImageFormat = RasterImageFormat.Png;
   jobData.OutputDocumentStream = outputStream;
   jobData.JobName = "Convert to PNG Job";
   DocumentConverterJob job = documentConverter.Jobs.CreateJob(jobData);
   documentConverter.Jobs.RunJob(job);

   pngStr = Convert.ToBase64String(outputStream.ToArray());
}

【讨论】：