pdf在页面中预览的方法

1、iframe 使用方法

<iframe

  className="pdf-iframe"

  src="http//xxxxxxxf#navpanes=0"  //用 # 连接要添加的属性,

  width="100%"

  height="100%" >

</iframe>

相关属性（属性间用&连接 拼接到src中）：

   1、 缩放比例：#zoom=120； （表示将文件放大120%）

   2、 跳往特定页数： #page=3

   3 、工具栏 ： #toolbar=0 （0隐藏、1显示）

          菜单栏 ：#menubar=0 （0隐藏、1显示）

     

   4 、页面自适应屏幕：# view=Fit

          页面自适应水平宽度：# view=FitH

          页面自适应垂直高度：# view=FitV

   5、 侧边导航栏状态： #navpanes=0 （关闭）

                                       #navpanes=1  （显示）

   6、  旋转文档： #rotate= 90   （表示顺时针旋转90度）

   7、  搜索： #search=word （表示在文档中执行搜索，word 是搜索的关键词。）

   8、  启用注释：#comment=1: 启用注释

   9、  全屏模式：#fullscreen: 在全屏模式下打开文档。

  10、 滚动条:     #scrollbar=1: 显示滚动条

                           #scrollbar=0   隐藏滚动条

  11、 状态栏:    #statusbar=1: 显示状态栏

                           #statusbar=0: 隐藏状态栏

  12、 书签：      #pagemode=bookmarks: 设置文档打开时显示书签。

                           #pagemode=none: 设置文档打开时不显示任何导航窗格。
                           #nameddest=Chapter2: 将文档定位到指定的命名目标（书签）

   13、 高亮搜索结果:  #highlight=1 表示高亮搜索结果

注：更多参数可以查找 Adobe PDF Open Parameters文档