vue-预览public(本地)文件下的pdf文件方式

这篇具有很好参考价值的文章主要介绍了vue-预览public(本地)文件下的pdf文件方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.把文件放在public文件夹下

vue-预览public(本地)文件下的pdf文件方式,pdf

2.window.open( '/xxx.pdf' )

注意: ( ../../public/exam.pdf'), 这 样 写 是 打 不 开 的 , 不 能 写 成 相 对 路 径 。

iframe也是,不可以用相对路径,直接:/文件名.pdf 就可以。

3.注意:

1)在vue项目中,读取本地的pdf文件需要放到public下static文件夹中,不能放在别的地方;

2)引用时,不能使用相对路径,因为使用public文件下面的资源,是不会被webpack处理的,它们会被直接复制到最终的打包目录下面,且必须使用绝对路径来引用这些文件。文章来源地址https://www.toymoban.com/news/detail-802850.html

到了这里,关于vue-预览public(本地)文件下的pdf文件方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element ui vue 附件预览组件、可预览图片、excel 、pdf.word等文件(浏览器打开文件的方式)

    目录 1.组件源码  2.html 代码 3.组件源码  此组件就是一个单纯的预览图片、浏览器打开文件的形式简单的组合了下而成的,word、excel是直接下载、pdf浏览器打开的形式,如果想本地打开直接预览的话就直接不用看了。word、excel、pdf 的图片是我放到服务器上的图片地址。 1.组

    2024年02月11日
    浏览(71)
  • 【vue2】纯前端实现本地的pdf/word/epub文件预览(包括pdf选中文字,epub高亮等)

    需求是预览本地的pdf/word/epub格式的文件,但是搜索后发现没有可以直接使用的,格式不同,显示的方式和效果也都略有不同。 最后还是 分别实现预览 的功能。 如果只需要预览pdf/word等格式的话,可以使用的方案:vue-office,支持多种文件(docx、excel、pdf)预览的vue组件库,支持

    2024年02月11日
    浏览(59)
  • 前端vue3实现本地及在线文件预览(含pdf/txt/mp3/mp4/docx/xlsx/pptx)

    (一)微软office免费预览( 推荐 ) 支持doc/docx/xls/xlsx/ppt/pptx等多种office文件格式的免费预览 (二)XDOC文档预览云服务  移动端和PC端无插件预览PDF、OFD、Word、WPS等多种格式文档 本地或内网预览需要借助插件实现,pdf、mp3、mp4等主要靠原生标签或浏览器自带功能,尽量减少

    2024年02月05日
    浏览(71)
  • 【vue-pdf】PDF文件预览插件

    1 插件安装 vue-pdf GitHub:https://github.com/FranckFreiburger/vue-pdf#readme 参考文档:https://www.cnblogs.com/steamed-twisted-roll/p/9648255.html catch报错:vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)_你看我像是会的样子吗?的博客-CSDN博客 2 代码示例 Example.01 超简单分页预览 E

    2024年02月14日
    浏览(62)
  • vue-pdf实现pdf文件在线预览

    在日常的工作中在线预览 PDF 文件的需求是很多的,下面介绍一下使用 vue-pdf 实现pdf文件在线预览 使用 npm 安装 vue-pdf npm install vue-pdf 使用 vue-pdf 显示 PDF 文件 此时页面中就会显示我们提供的 PDF 文件了,但是此时只显示了 PDF 文件的第一页 按页显示 PDF 文件 使用 vue-pdf 能满足

    2024年02月13日
    浏览(46)
  • vue3 实现预览pdf的几种方式(vue3-pdf, iframe流展示,vue-office/pdf)

    功能描述: 要实现菜单(二级)绑定文件,并进行预览(点击菜单即触发),支持文件上传下载(绑定菜单),文件以byte[]形式保存到数据库(至于为什么不用文件存储系统,因为这是领导定的 =,= 而且这个功能比较小,数据也不多,成本有限),同时,要解析pdf文件里的内

    2024年02月16日
    浏览(52)
  • Vue中使用pdf.js实现在线预览pdf文件流

    以下是在Vue中使用pdf.js实现在线预览pdf文件流的步骤: 在需要使用的组件中,使用以下代码引入pdf.js: 使用pdf.js的 getDocument() 方法加载pdf文件流。可以将文件流作为Blob对象传递给该方法。例如,可以使用axios从服务器获取pdf文件流: 在 loadPdf() 方法中,使用 getDocument() 方法

    2024年02月09日
    浏览(69)
  • vue,uniapp的pdf等文件在线预览

    uniapp文件在线预览方案 做个网页用kkFileView插件实现文件预览,uniapp就用web-view来展示 下面是我写的示例查看PDF文件,先将PDF下载路径转为Base64 vue通过iframe打开查看 uniapp通过web-view来查看

    2024年02月04日
    浏览(44)
  • Vue预览word/pdf文件(内外网均可)

    预览word文件实现方式有  1 将文件放在前端静态文件中 实现本地预览 但前端包变得很大 多文件不适合 2 通过跳转外网链接访问 但内网无法使用 3 综合考虑 利用浏览器自带的预览pdf  将文件放在服务器指定目录下 前端代码量很少 无需任何插件 只需调用后端接口(将文件转

    2024年02月11日
    浏览(79)
  • vue:处理base64格式文件pdf、图片预览

    解释一下这段代码的功能: ) preview(item) 是一个函数,接受一个参数 item ,其中包含了文件的相关信息。 )首先,通过条件语句 if (item.type == \\\'pdf\\\') 检查文件类型是否为 \\\'pdf\\\'。 )如果文件类型是 \\\'pdf\\\',则执行以下操作: 使用 webAPI.server.get() 方法发送一个请求,请求的URL是通

    2024年01月18日
    浏览(92)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包