react手机端使用pdfjs-dist预览显示PDF

最新推荐文章于 2024-06-03 18:12:13 发布

shuiqianheniunai

最新推荐文章于 2024-06-03 18:12:13 发布

阅读量2.3k

点赞数 2

文章标签： react.js 前端 javascript

本文链接：https://blog.csdn.net/shuiqianheniunai/article/details/121700576

版权

1、直接npm install 下载pdfjs-dist。

在下载后可能会遇到以下报错，

This dependency was not found: worker-loader!pdfjs-dist/build/pdf.worker.js in......；

这时候直接npm install -g worker-loader 即可解决上述问题。

2、项目中引用

import PDFJS from 'pdfjs-dist';
import PropTypes from 'prop-types';
import AlloyFinger from 'alloyfinger';
import Transform from 'css3transform';

3、封装组件

（1）定义组件数据

（2）根据传递过来的路径判断是否是可正常展示的pdf

（3）设计要展示在页面上的pdf规格

（4）计算pdf合适的展示大小并加载

关注