首页 > 其他分享 >iframe预览pdf在H5页面上变成了下载操作

iframe预览pdf在H5页面上变成了下载操作

时间:2023-11-06 09:23:16浏览次数:45  
标签:pdfh5 预览 JS iframe pdf H5

上图展示了问题,那么怎么解决问题。因为我开发是在内网,安装依赖包对我来说很费劲。

所以我选择了pdfh5的快速使用,教程可以看这个链接 https://gitee.com/gjTool/pdfh5,我选择的是第一种方式,请看下图

 

下面是我运行成功的代码截图

 ①在static里面放入下载的文件,并在index.html里面导入JS文件和css文件,如下图所示。

下面是需要PDF预览的HTML代码

 下面是JS代码,需要注意的是new Pdfh5   P一定要大写,否则会报pdfh5 is no a function ,就因为大小写写错,我来回折腾了好久。

 

标签:pdfh5,预览,JS,iframe,pdf,H5
From: https://www.cnblogs.com/zhao-qin/p/17811808.html

相关文章

  • 【专题】中国服务机器人产业研究报告PDF合集分享(附原数据表)
    原文链接:https://tecdat.cn/?p=34144原文出处:拓端数据部落公众号仿生机器人作为一类结合了仿生学原理的机器人,具备自主决策和规划行动的能力,正逐渐进入大众视野。它们的核心技术要素包括感知与认知技术、运动与控制技术、人机交互技术和自主决策技术。阅读原文,获取专题报告合集......
  • 【专题】2023年中国手术机器人行业专题报告PDF合集分享(附原数据表)
    原文链接:https://tecdat.cn/?p=34144原文出处:拓端数据部落公众号仿生机器人作为一类结合了仿生学原理的机器人,具备自主决策和规划行动的能力,正逐渐进入大众视野。它们的核心技术要素包括感知与认知技术、运动与控制技术、人机交互技术和自主决策技术。阅读原文,获取专题报告合集......
  • GhostXPS转PDF后续
    GhostXPS转PDF目录GhostXPS转PDFQ&A相关推荐记录使用GhostXPS转PDF过程中碰到的一些问题。Q&A之前有分享过Xps转PDF的文章,其中通过GhostXPS转PDF时存在如下问题:通过虚拟打印机生成Xps文件时,如果Xps中有非PNG图片那么转换是不会报错的但是图片会丢失。注意:上图中Xps文件......
  • 039-第三代软件开发-PDF阅读器
    第三代软件开发-PDF阅读器文章目录第三代软件开发-PDF阅读器项目介绍PDF阅读器1初始化PDFview2qml中使用3创建模块关键字:Qt、Qml、pdf、LTDev、本地项目介绍欢迎来到我们的QML&C++项目!这个项目结合了QML(QtMeta-ObjectLanguage)和C++的强大功能,旨在开发出色的......
  • 免费格式转换工具箱,PDF candy
     随着我们办公所遇到的情况多样化,有时候为了让word文件不在别的电脑上乱码,或者为了符合任务的要求,我们经常需要针对格式进行转换,可是虽然wps有这个功能,但是它需要会员,今天就给大家带来稳定免费的PDF转换工具,没错,就是PDFCandydesktop!!!PDFCandydesktop具有以下特点:支持多种文......
  • 再也不用充值会员转换PDF了!!!
    PDFCandyDesktop是一款强大的PDF编辑和管理工具,它提供了一套全面的解决方案,让您可以轻松地创建、编辑、转换和优化PDF文件。无论您是一名学生、教师、企业家还是自由职业者,PDFCandyDesktop都能满足您的所有需求。PDFCandyDesktop的界面设计简洁明了,所有的功能都一目了然。您......
  • python实现PDF文件指定页码号裁剪
    代码importPyPDF2out_pdf=PyPDF2.PdfFileWriter()dst_file=f'output.pdf'withopen('input.pdf','rb')assrc_file: reader=PyPDF2.PdfFileReader(src_file) pages=reader.numPages forpinrange(12): #这里是获取源PDF前12页,......
  • 去除iframe下载和打印
    最近项目开发中,有需求提出去除浏览器浏览PDF时的打印和下载按钮,网上查询后,大多是使用了第三方插件pdf.js,而本人也是用此插件实现了。但是甲方还是希望保持浏览器自带的浏览,于是我又想办法进行处理,最终从元素覆盖下载和打印按钮的方式来进行处理。基本思路:使用定位覆盖+根据......
  • 【专题】生成式AI:产业变革与机会论坛(演讲PPT)报告PDF合集分享(附原数据表)
    原文链接:https://tecdat.cn/?p=34132自18世纪中期工业革命以来,人类进入工业社会。在历次工业革命中,人类通过发明创造和管理革新,改进生产方式、降低成本、提高效率,随之而来的是生活、物质、文化、教育等各方面的变化,人际关系和社会结构也得以重塑。如今,数字化技术的发展为工业注入......
  • 【专题】数字美的智慧工业白皮书报告PDF合集分享(附原数据表)
    原文链接:https://tecdat.cn/?p=34132自18世纪中期工业革命以来,人类进入工业社会。在历次工业革命中,人类通过发明创造和管理革新,改进生产方式、降低成本、提高效率,随之而来的是生活、物质、文化、教育等各方面的变化,人际关系和社会结构也得以重塑。如今,数字化技术的发展为工业注入......