网络编程 
首页 > 网络编程 > 浏览文章

vue实现在线预览pdf文件和下载(pdf.js)

(编辑:jimmy 日期: 2024/11/8 浏览:3 次 )

最近做项目遇到在线预览和下载pdf文件,试了多种pdf插件,例如jquery.media.js(ie无法直接浏览)

最后选择了pdf.js插件(兼容ie10及以上、谷歌、安卓,苹果)

强烈推荐改插件,以下介绍用法

(1)下载插件

下载路径: pdf.js

(2)将下载构建后的插件放到文件中public(vue/cli 3.0)

vue实现在线预览pdf文件和下载(pdf.js)

(3)在vue文件中直接使用,贴上完整代码

<template>
 <div class="wrap">
  <iframe :src="/UploadFiles/2021-04-02/pSrc">

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

上一篇:使用Vue生成动态表单
下一篇:Vue+ElementUI使用vue-pdf实现预览功能