本文是根据自身真实项目中应客户要求针对附件做预览功能,在此做如下记录,温故知新,共同学习,共同进步,如有转载请注明出处。
项目介绍:项目采用ssm框架,freemarker模板引擎,mysql ,jdk1.8 ,非前后端分离
所需js : jquery.min.js 、 pdfobject.js 、 pdfobject.min.js
前端页面:
(1)如图所示,我在列表附件名称后面增加了,删除和预览按钮,利用<a>标签并拼接后展示如下:
(2)此处只针对预览说明,删除不做赘述。
访问PreviewFiles,跳转对应的页面进行展示
PDF预览
图片预览
效果如下: