怎么用JavaScript实现附件预览功能

本篇内容主要讲解"怎么用JavaScript实现附件预览功能"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"怎么用JavaScript实现附件预览功能"吧!

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之后如果点击重新加载页面的话会图片加载失败，因为图片的路径已经失效了。

   //异步删除文件(节省空间)   List threadList = 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实现附件预览功能"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！