uniapp 使用pdfjs完成预览效果【超简单详细】

最新推荐文章于 2025-04-23 09:41:07 发布

原创

最新推荐文章于 2025-04-23 09:41:07 发布 · 4.9k 阅读

CC 4.0 BY-SA版权

文章标签：

本文分享了如何在移动端实现PDF预览，指出移动端直接访问PDF会触发下载而非预览的问题。通过引入pdfjs插件，并提供详细步骤，包括下载插件、放置静态文件及代码实现，展示了在页面中预览PDF的效果。适用于前端开发人员解决移动端PDF显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我也是琢磨好久，看了一些博主的文章自己弄出的的，总之踩的坑挺多

首先我们要知道pc和移动端是不同的，pc可以直接查看，移动端的话你用哪些标签嵌套访问都是会跳转到浏览器提示你下载的，不能预览。

我在这里给大家总结了一些怎么去在移动端直接预览，这里我们要用到一个插件pdfjs

大家可以去官网下载也可以到这里下载

先给大家看下效果图

下载好之后直接放到static目录下

然后你就可以在你需要预览的页面上开始预览pdf

<template>
	<view class="content">
		 <iframe
		      width="100%"
		      height="500"
		      scrolling="no"
		      :src="url"
		    ></ifr

200万优质内容无限畅学