转载自这个:原文
写这篇博客的原因是因为原文博主的步骤有缺失,然后html命名的文件夹没有健,按步骤来看的话,没有html文件夹,当时看到作者的路径,还以为写错了,然后就是各种问题,不显示(白屏)。
当时没想到是文件夹缺失,所以弄了很久和很多其他方法。

1.需要先从网上下载一份pdf.js的文件
地址:http://mozilla.github.io/pdf.js/getting_started/

2.可以在uniapp项目中和pages目录平级新建一个hybrid文件夹,把下载好的pdf.js文件全部放到里面,主要是利用了web文件夹下的viewer.html文件
这里,注意是/hybrid/html/web/wiewer.html,得创建hybrid文件夹,文件夹下还有html文件夹,

其他步骤差不多,偷个懒
在这里插入图片描述
在这里插入图片描述

最终这个步骤需要注意,此处感谢大佬,我这个小菜鸡看不懂
注意事项:以上步骤完成后,需要在web/viewer.js文件中,搜索一下not match,注释掉,否则在真机上无法成功预览pdf文件,如下代码:

然后在真机上调试就可以成功预览pdf文件了

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐