Pdf格式的文件在我们的工作中是非常常使用的一种文件格式，尤其在传输阅读打印这方面，使用起来比其他的文件形式更方便好用。在日常工作中我们经常需要将PDF文件保存成一张一张的高清图片文件，方便我们在工作中使用，这就设计到PDF文件的转换问题了。

    很多小伙伴会采用截图的方法将PDF文件变成图片形式，就是打开PDF文件后，利用QQ或者微信截图的方法进行截图，然后保存成png或者jpg图片，这种方法也好用，但是截图生成的图片不是高清而且效率不高，如果PDF文件较多就不好用这个方法了。今天在这里教大家一个快速简单的转换方法。如何将PDF文件保存成高清的图片?

使用软件：迅米PDF转换器

软件下载：https://www.xmisoft.com/download/XMPDF6.6.0.exe

据图步骤详解：

步骤1，安装迅米PDF转换器后打开，软件左侧列表区域为功能列表，我们找到并点击【文件转图片】功能，然后进入下一步操作。

步骤2，接下来我们就需要将PDF文件添加导入到软件中去，我们只需要点击两个“添加文件”中的任意一个，就可以添加PDF文件了。 可以同时添加多个PDF文件批量转换成图片哦。

步骤3，如下图所示点击“开始转换”按钮，开启转换操作，我们只需要等待软件转换成功即可。

步骤4，当软件中的转换进度条变成100%的时候，说明PDF文件成功的保存成了高清的图片，点击右边的“输出”图标按钮，就可以打开查看转换成的图片文件了。

    以上就是关于如何将PDF文件保存成高清的图片的解决方法了，是不是很简单呢，即使你的PDF文件有很多页面，也能轻松快捷的保存成图片，希望这个方法对您有所帮助！

欢迎点击: 个人官网博客

由于微信中苹果限制，是无法保存下载pdf文件的(除非后端处理)，安卓可以（会自动跳转到系统自带浏览器下载）。但是为了让用户能保存pdf，就只有改需求将其转化为图片，图片在微信是不受限制可以保存的。

一、iframe标签预览pdf

<iframe src="/index.pdf" width="100%" height="100%">
     This browser does not support PDFs. Please download the PDF to view it: 
</iframe>

缺点：
1.在移动端上显示时不能全部展示完全
2.iframe在iPhone上宽度被撑开
3.iframe在iPhone上滚动条失效
…等等一系列问题(不推荐)

二、vue-pdf 预览pdf(可自行封装弹出等效果)

1.下载依赖包

npm install --sava vue-pdf

2.组件封装

2.1上下滑动式

预览：

当pdf文件比较大的时候，加载比较慢，可以适当加loading或骨架屏增加用户体验

<template>
  <div class="m-area">
     <p class="u-title">电子合同签署</p>
      <pdf v-for="index in numPages" :key="index" :src="pdfUrl" :page="index" />
      <button type="button" class="u-button" >同意签署</button>
  </div>
</template>
	<script>
import pdf from "vue-pdf"; // 引入pdf组件
export default {
  components: { pdf }, // 引入pdf组件
  data() {
    return {
      loaded: false,
      numPages: "",
      pdfUrl:''//pdf文件路径，记住如果是本地pdf文件,pdf放在public文件夹下，否则路径报错
    };
  },

  created() {
    document.body.style.background = "#FFFFFF";
    document.body.style.margin = 0;
    // 同时设置html和body元素，禁用其横向滚动条
    // docEl.style.overflowX = 'hidden'
    document.body.style.overflowX = 'hidden'
    this.loadPdf();
  },

  methods: {
    // 上下滚动pdf加载
    loadPdf() {
      this.pdfUrl = pdf.createLoadingTask(this.pdfUrl);
      this.pdfUrl.promise.then((pdf) => {
        this.$nextTick(() => {
          this.numPages = pdf.numPages; // pdf总页数
          this.loaded = true;
        });
      });
    },
  },
};
</script>

2.2分页式

组件代码比较长：可自行下载查看
demo代码

三、pdf.js(可预览可下载) 将pdf—>canvas—>图片

核心文件为pdf.min.js,pdf.worker.min.js,一个负责API解析，一个负责核心解析。

  <script src="https://cdn.bootcdn.net/ajax/libs/pdf.js/2.0.95/pdf.min.js"></script>
  <script src="https://cdn.bootcdn.net/ajax/libs/pdf.js/2.0.95/pdf.worker.min.js"></script>

html:

<div id="imgDiv" style="display: none;"></div>
<img style="width: 100%;" v-bind:src="imgUrl" ref='aaa' alt="">

js:

                 urlToBlob() {
                        let that=this
                        let file_url ='./a.pdf'
                        let xhr = new XMLHttpRequest();
                        xhr.open("get", file_url, true);
                        xhr.responseType = "blob";
                        xhr.onload = function () {
                            if (this.status == 200) {
                                that.file=this.response
                                that.showPdf(that.file)
                            }
                        };
                        xhr.send();
                    },
                    openPage(pdfFile, pageNumber, context) {
                        var scale = 2;
                        let that=this
                        pdfFile.getPage(pageNumber).then(function (page) {
                            viewport = page.getViewport(scale); // reference canvas via context
                            var canvas = context.canvas;
                            canvas.width = viewport.width;
                            canvas.height = viewport.height;
                            // 记录当前canvas的width，height
                            window.wi = canvas.width;
                            window.he = canvas.height;
                            canvas.style.width = "100%";
                            canvas.style.height = "100%";
                            var renderContext = {
                                canvasContext: context,
                                viewport: viewport
                            };
                            page.render(renderContext);
                            //setTimeout(()=>{
                               // that.imgUrl=canvas.toDataURL("image/png");
                           // },500)
                        });
                        return;
                    },
                    showPdf(files) {
                        /*pdf.js无法直接打开本地文件,所以利用FileReader转换*/
                        var reader = new FileReader();
                        reader.readAsArrayBuffer(files);
                        let that=this
                        reader.onload = function (e) {
                            var myData = new Uint8Array(e.target.result)
                            var docInitParams = {
                                data: myData
                            };
                            var typedarray = new Uint8Array(this.result);
                            PDFJS.cMapUrl = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@2.0.288/cmaps/';
                            PDFJS.cMapPacked = true;
                            PDFJS.getDocument(typedarray).then(function (pdf) { //PDF转换为canvas
                                $("#imgDiv").css("border", "0"); //清除文本、边框
                                if (pdf) {
                                    window.pageNum = pdf.numPages;
                                    $("#pagesText").text(pageNum);

                                    for (var i = 1; i <= pageNum; i++) {
                                        var canvas = document.createElement('canvas');
                                        canvas.id = "pageNum" + i;
                                        $("#imgDiv").append(canvas);
                                        var context = canvas.getContext('2d');
                                        that.openPage(pdf, i, context);
                                    }
                                }
                            });
                        };
                    },```

最近一直研究PDF转图片，发现一篇挺好的文章，登记起来，方便使用

1、【O2S.Components.PDFRender4NET.dll】，第三方DLL，可以实现PDF转图片，支持32位系统、64位系统（部分第三方dll在64位系统下运行报错）。

官方试用版的dll左上角会有一排红色水印，下面这个是破解版的没有水印，这个使用2年的，出现问题是部分PDF文档转换后会自动缩小比率。

DLL 下载地址：http://download.csdn.net/detail/shi0090/4066107
测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068558

2、【Acrobat.dll】，Adobe官方提供的接口，可以实现PDF转图片。这个方法需要安装Adobe Acrobat X Pro，从安装文件找到Acrobat.dll引用到项目中。

毕竟是Adobe官方提供的接口，其转换效率要比其他的DLL要快多了，而且应该更可靠一些，但是在IIS下运行会比较麻烦

如果对转换速度、图片质量要求很高的童鞋，可以参考此方案，但是实现过程太麻烦，大家自己权衡。

测试工程 下载地址： http://download.csdn.net/detail/shi0090/4068502

参考地址：http://www.codeproject.com/Articles/5887/Generate-Thumbnail-Images-from-PDF-Documents

3、【PDFLibNet.dll】，第三方DLL，只支持32位系统，可以实现PDF转图片，下面这个版本没有水印。

DLL 下载地址：http://download.csdn.net/detail/shi0090/4066096

测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068522

4、【SautinSoft.PdfFocus.dll】，第三方DLL，可以实现PDF转图片，但转出来的图片左上角有一排红色水印。

DLL 下载地址：http://download.csdn.net/detail/shi0090/4066111
测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068561

5、【TallComponents.PDF.Rasterizer.dll】，第三方DLL，可以实现PDF转图片，但转出来的图片有个较大的水印。

DLL 下载地址：http://download.csdn.net/detail/shi0090/4066112

测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068563

6、【Apitron.PDF.Rasterizer.dll】，第三方DLL，可以实现PDF转图片，但转出来的图片有个较大的红色水印。

DLL 下载地址：http://download.csdn.net/detail/shi0090/5814803

测试工程 下载地址：http://download.csdn.net/detail/shi0090/5814857

7、【XpdfRasterizer.dll】，第三方DLL，可以实现PDF转图片。

DLL 下载地址：http://download.csdn.net/detail/shi0090/4066115
测试工程 下载地址：这个弄不见了，如果使用要使用这个的话，一定要注意Regsvr32注册，要不然转换会失败的。

8、【abcpdf.dll】，第三方DLL，可以实现PDF转图片，但是需要安装abcpdf，所以使用起来不算太放方便。

DLL 下载地址：http://download.csdn.net/detail/shi0090/4066144
测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068564

9、【Ghostscript】，第三方DLL，可以实现PDF转图片，只支持32位系统，貌似网上很多人都会采用这个方法（据说功能强大）

DLL  下载地址：http://download.csdn.net/detail/shi0090/4066005
测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068486
参考地址：http://www.codeproject.com/Articles/317700/Convert-a-PDF-into-a-series-of-images-using-Csharp.aspx
参考地址：http://www.codeproject.com/Articles/32274/How-To-Convert-PDF-to-Image-Using-Ghostscript-API

10、【ImageMagick】，C语言开源PDF处理工具，可以将实现PDF转换图片

DLL和源码 下载地址：http://download.csdn.net/detail/shi0090/4066040

11、【iTextSharp.dll】，C# 开源PDF处理工具，可以任意操作PDF，并可以提取PDF中的文字和图片，但不能直接将PDF转换成图片。
DLL和源码 下载地址：http://download.csdn.net/detail/shi0090/4065982
中文帮助文档 下载地址：http://download.csdn.net/detail/shi0090/4065986
提取文字测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068429
提取图片测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068428
官方网站：http://itextpdf.com/

12、【PdfSharp.dll】，C# 开源PDF处理工具，可以任意操作PDF，也可以实现从PDF提取图片，但不能直接将PDF转换成图片。
DLL和源码 下载地址：http://download.csdn.net/detail/shi0090/4066060 
提取图片测试工程 下载地址：http://download.csdn.net/detail/shi0090/4068448 

以上两个开源C#工具都可以很好处理PDF文档，但不满足我的要求直接把PDF转成IMAGE。

13、QQ群里有人推荐【PDFToX.dll】速度和质量都不错，就是不太稳定，有兴趣的朋友可以自行研究一下~

官方网站：http://www.ycanpdf.cn/

官方下载：http://www.ycanpdf.cn/software/PDFtoX.rar