使用iframe如何打开多个PDF文件

也还不是会员 2020-01-21 09:13:29

现在我使用iframe标签打开PDF文件，但是不知道具体怎么用，现在我只能正常打开一个PDF 是这么写的

<iframe class="auto-style1" src="https://inv.jss.com.cn/group4/M02/00/1C/wKj6yF3TtUqIZzSoAACN3yM_dIMAAS7KwLFFaQAAI33557.pdf"

                        style="background-color: burlywood;" frameborder="0"></iframe>

显示的效果是这样的

现在我想打开多个PDF文件应该怎么写呢？
要的效果是这样的：上图中画圈的位置处显示的是1/20这样的，1表示当前页，20表示总页数，如下图：

我要实现这样的效果的应该怎么做呢？

...全文

751 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Eritque arcus 2020-02-10

打赏
举报

引用 2 楼 _43554228 的回复:

引用 1 楼 N-n-N 的回复:
昂，貌似改iframe设置是实现不了这样子的，合并一下pdf试一试？就合并成一个
怎么合并

百度上挺多的 https://www.zhihu.com/question/30370121

也还不是会员 2020-02-10

打赏
举报

引用 1 楼 N-n-N 的回复:

昂，貌似改iframe设置是实现不了这样子的，合并一下pdf试一试？就合并成一个

怎么合并

Eritque arcus 2020-01-29

打赏
举报

昂，貌似改iframe设置是实现不了这样子的，合并一下pdf试一试？就合并成一个

iframe标签实现pdf预览功能

在项目中经常要动态添加iframe，然后再对添加的iframe进行相关操作，有时候会遇到iframe加载很慢什么原因呢，该如何解决呢？带着这个问题一起通过本文学习，寻找答案吧！ aaa.html <HTML> <HEAD> <TITLE>aaa</TITLE> </HEAD> <BODY> <IFRAME src=bbb.html name=bbb width=100% height=190> </IFRAME> <INPUT type=button value=显示text控件值 onclick=alert(bbb.document.all.txt.value)>

本课程从零开始，以通俗易懂的方式讲解HTML技术，手把手教你掌握每一个知识点。课程中使用的所有英文单词都会逐一查询并记录，真正做到零基础入门学习，适合初学者的教程！课程内容包括：1.HTML简介、文档结构2.Sublime的使用3.常用标签4.超链接、表格、表单5.内嵌框架iframe6.HTML5简介、新特性、新增内容教学全程采用笔记+代码案例的形式讲解，通俗易懂！！！

平时用的比较多的JQuery图片上传插件是Uploadify这个插件，效果很不错，但是由于手机不支持flash，所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错，所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章，不过我发现没有PHP版，所以这次服务器那边的处理就使用PHP语言来处理。一、详解ajaxFileUpload插件的语法参数　　原理：ajaxfileupload是通过监听iframe的onload方法来实现，当从服务端处理完成后，就触发iframe的onload事件调用其绑定的方法，在绑定的

描述：最近项目有个需求，需要在页面上显示pdf文件，经过多次尝试，终于以较好的效果完成，特此做此记录，需求：需要在前端页面上弹窗显示预览pdf文件只打印pdf内容接口需要用post请求json格式传参，后端接口根据情况返回不同的数据，正常情况会返回pdf的文件流，特殊情况会返回json字符串，显示报错信息。显示pdf页面显示pdf有几种方法，最简单的就是设置iframe标签的src地址为pdf资源...