JavaScript中怎么实现附件预览功能
这篇文章主要介绍“JavaScript中怎么实现附件预览功能”,在日常操作中,相信很多人在JavaScript中怎么实现附件预览功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript中怎么实现附件预览功能”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
成都创新互联长期为近千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为禹城企业提供专业的成都网站设计、成都网站制作、外贸网站建设,禹城网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
一种是js版本的,另一种是jquery版本, 在这里使用的是js版本的。jquery版本只是引入方式略有不同。
1.引入插件(已上传)
2.将预览页面写活
将图片的路径从之前的列表页面传到预览页面,进行图片预览时既可以多选又可以不选,如果不选则默认展示本列表所有的图片,勾选的话则展示勾选的之后的图片,在这里发现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之后如果点击重新加载页面的话会图片加载失败,因为图片的路径已经失效了。
//异步删除文件(节省空间) ListthreadList = new ArrayList (); 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
这样就可以正常展示了
到此,关于“JavaScript中怎么实现附件预览功能”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
本文标题:JavaScript中怎么实现附件预览功能
本文来源:http://pwwzsj.com/article/jpghig.html