由于公司的EMP影像平台比较繁琐,还需要下载才能够能够进行图片的预览,于是业务人员提出在附件列表页面增加预览页面。今天将完成的过程记录下来:

一种是js版本的,另一种是jquery版本, 在这里使用的是js版本的。jquery版本只是引入方式略有不同。
1.引入插件(已上传)
<SCRIPT src="styles/ccc/jquery.min.js"></SCRIPT>
<SCRIPT src="styles/ccc/viewer-jquery.min.js"></SCRIPT>
2.将预览页面写活
<SCRIPT>
var attach_path= '${param.attach_path}';
var attach_name= decodeURI('${param.attach_name}');
var attachPath= new Array();
attachName=attach_name.split(",");
var attachPath1= new Array();
attachPath1=attach_path.split(",");
for (var i=0;i<attachPath1.length;i++)
{
attachPath2='102storage'+attachPath1[i];
$("#jq22").append("<li><img alt='"+attachName[i]+"' src='"+attachPath2+"'></li>");
}
$(function() {
$('#jq22').viewer({
url: 'data-original',
});
});
</SCRIPT>
将图片的路径从之前的列表页面传到预览页面,进行图片预览时既可以多选又可以不选,如果不选则默认展示本列表所有的图片,勾选的话则展示勾选的之后的图片,在这里发现APP上传了许多的图片的压缩包,所以在后台增加了自动解压的*.zip,*.rar的功能,这部分需要引入第三方jar包,1.6的仅支持*.zip格式的解压,并且最坑的sun公司默认编码,如果有中文就会报错,到jdk1.7才支持中文
import java.io.*;
import java.util.ArrayList;
import java.util.Enumeration;
import java.util.List;
import org.apache.tools.zip.ZipEntry;
import org.apache.tools.zip.ZipFile;
import com.yucheng.cmis.operation.CMISOperation;
import com.github.junrar.Archive;
import com.github.junrar.rarfile.FileHeader;
3.异步删除解压文件
考虑到解压之后的会占用共享磁盘的空间,所以在解压之后做异步删除,时间在20s之后,时间足够,不过20s之后如果点击重新加载页面的话会图片加载失败,因为图片的路径已经失效了。
//异步删除文件(节省空间)
List<Thread> threadList = new ArrayList<Thread>();
Thread thread = new Thread(new DeleteTemporaryFolder(dstDirectoryPath));
thread.start();
for(Thread t : threadList){
try {
t.join();
} catch (InterruptedException e) {
e.printStackTrace();
}
}
4.磁盘挂载
在显示图片的时候,页面是访问不了工程以为的图片路径,所以需要执行挂载命令将共享磁盘的路径挂载在工程下的某个路径
mount --bind /testshare01 /app/cmis/project/cmis.war/ff/testshare01
这样就可以正常展示了
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对的支持!
# 附件预览功能
# js实现附件预览
# JavaScript中附件预览功能实现详解(推荐)
# java实现附件预览(openoffice+swftools+flexpaper)实例
# 上传图片预览JS脚本 Input file图片预览的实现示例
# js实现上传图片预览的方法
# 基于jquery实现的上传图片及图片大小验证、图片预览效果代码
# JS预览图像将本地图片显示到浏览器上
# JS 打印功能代码可实现打印预览、打印设置等
# javascript打印大全(打印页面设置/打印预览代码)
# js实现上传图片之上传前预览图片
# 在这里
# 勾选
# 不选
# 的是
# 加载
# 就会
# 这部
# 考虑到
# 还需要
# 这篇文章
# 报错
# 谢谢大家
# 第三方
# 既可
# 压缩包
# 才能够
# 传了
# 又可
# 就可以
# 多选
相关文章:
建站之星如何一键生成手机站?
义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么?
微课制作网站有哪些,微课网怎么进?
品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?
免费公司网站制作软件,如何申请免费主页空间做自己的网站?
建站之星如何修改网站生成路径?
北京企业网站设计制作公司,北京铁路集团官方网站?
网页设计与网站制作内容,怎样注册网站?
如何快速配置高效服务器建站软件?
c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】
专业制作网站的公司哪家好,建立一个公司网站的费用.有哪些部分,分别要多少钱?
建站之星免费版是否永久可用?
香港服务器选型指南:免备案配置与高效建站方案解析
如何通过虚拟主机快速完成网站搭建?
建站VPS能否同时实现高效与安全翻墙?
建站主机如何选?高性价比方案全解析
制作企业网站建设方案,怎样建设一个公司网站?
宁波免费建站如何选择可靠模板与平台?
小程序网站制作需要准备什么资料,如何制作小程序?
洛阳网站制作公司有哪些,洛阳的招聘网站都有哪些?
建站之星安装路径如何正确选择及配置?
武清网站制作公司,天津武清个人营业执照注销查询系统网站?
广东专业制作网站有哪些,广东省能源集团有限公司官网?
建站OpenVZ教程与优化策略:配置指南与性能提升
建站三合一如何选?哪家性价比更高?
如何配置IIS站点权限与局域网访问?
IOS倒计时设置UIButton标题title的抖动问题
天津个人网站制作公司,天津网约车驾驶员从业资格证官网?
c# 服务器GC和工作站GC的区别和设置
建站10G流量真的够用吗?如何应对访问高峰?
如何通过老薛主机一键快速建站?
宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊?
制作网站的模板软件,网站怎么建设?
如何有效防御Web建站篡改攻击?
非常酷的网站设计制作软件,酷培ai教育官方网站?
建站之星在线客服如何快速接入解答?
相册网站制作软件,图片上的网址怎么复制?
家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?
如何选择服务器才能高效搭建专属网站?
如何在景安云服务器上绑定域名并配置虚拟主机?
大型企业网站制作流程,做网站需要注册公司吗?
建站之星安全性能如何?防护体系能否抵御黑客入侵?
如何选择高性价比服务器搭建个人网站?
常州企业网站制作公司,全国继续教育网怎么登录?
网页设计网站制作软件,microsoft office哪个可以创建网页?
微信小程序 input输入框控件详解及实例(多种示例)
如何获取免费开源的自助建站系统源码?
高防服务器:AI智能防御DDoS攻击与数据安全保障
金*站制作公司有哪些,金华教育集团官网?
免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?
*请认真填写需求信息,我们会在24小时内与您取得联系。