怎么用html打开图片,viewerjs 在html打开图片或打开pdf文件使用案例

开发者常用到在线访问pdf,txt，浏览图片的插件，这里推荐viewer.js这个插件，简单好用。它的核心亮点就是查看图片和pdf功能。老早以前就用过的，昨天一个小伙伴问我Android开发在线浏览pdf怎么弄？我一下想到这个插件，帮人搞出来了，感觉这个还是得总结一下才好，不然觉得简单又容易忘记。

1.使用viewerjs浏览图片

使用前需要先引入：css.js

其次简单使用代码如下：单个图片就用图片元素new 一个viewer就可以了；批量多个的图片的管理可以直接给父元素new 一个Viewer对象；

单张图片:

多个图片:

• 

  01

• 

  02

• 

  03

var viewer = new Viewer(document.getElementById('dimg'));

var viewer1 = new Viewer(document.getElementById('images'));

如图：