Vue中将pdf文件转为图片

平时开发中，我们经常遇到的场景应该是调用后端接口返回给前端pdf格式的文件流，然后我们可以通过URL.createObjectURL的方式转为object url临时路径然后可以通过window.open的方式来打开一个新的浏览器页签来进行预览，效果如下图：

但有时候这样满足不了的需求，它不想这样预览，不想要那么多乱七八糟的东西，我只要PDF文件中的内容，然后在项目页面中类似个弹窗似的直接展示pdf文件的内容。

所以，这篇就来说一下，我们可以将pdf文件转为图片来进行展示。

1. 安装pdfjs-dist 

pnpm add pdfjs-dist@2.6.347

这里哈！网上搜了好多，全是报错的，一会儿必须那个版本，一会儿必须这个版本的，都是报错，后来发现报错的原因是因为在设置workerSrc的时候原因，网上大多数都是从pdfjs-dist库里面引入的，然后进行设置的，都是报错。如下所示：