Java+Json+JQuery将本地文件显示在网页上

  前段时间为是练习JQuery和Java遍历目录,写了一个JavaWeb(使用Jsp+Servlet)的例子。源代码下载:https://github.com/liaoyu/uudisk

上述源码是Myeclipse新建的项目,需要配置一些环境,比如JRE路径,以下是运行截图,界面模仿新浪微盘  

  工作原理就是通过Java遍历系统(Windows)的目录,前台通过点击图标以ajax方式触发事件,后台以json数据的形式把文件结构返回给前台,前台通过JS解析JSON数据内容,展示不同的图片。目前尚存在的问题有无法显示C盘目录下的文件。

  下面贴出其中核心的代码,即遍历目录的工具类IterateDir.java


package com.uudisk.utils;

import java.io.File;
import java.io.FileInputStream;
import java.text.DecimalFormat;
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;

import com.uudisk.domain.DirBean;
import com.uudisk.domain.FileBean;
import com.uudisk.domain.RootBean;

public class IterateDir {
/*
* 获取根目录信息
*/
public static List<RootBean> getDiskInfo(){
//获取盘符
File []files=File.listRoots();
List<RootBean>roots=new ArrayList<RootBean>();
for(File file:files){
if(file.getTotalSpace()!=0){
RootBean rootBean=new RootBean();
rootBean.setDiskPath(file.getAbsolutePath());
rootBean.setDiskName(file.getAbsolutePath().charAt(0)+"");
rootBean.setDiskSize(FormetFileSize(file.getTotalSpace()));
rootBean.setAvilableSize(FormetFileSize(file.getFreeSpace()));
roots.add(rootBean);
}
}
return roots;
}
/*
* 通过递归得到某一路径下所有的目录及其文件
*/
public static DirBean getFiles(String dirPath) throws Exception{
File root = new File(dirPath);
DirBean dirBean=null;
if(root.exists()){
dirBean=new DirBean();
String dirSize="";
int dirCount=0;
List<FileBean> filelist=new LinkedList<FileBean>();
if(root.isDirectory()){
File[] files = root.listFiles();
for (File file : files) {
FileBean fileBean=new FileBean();
String realPath=file.getAbsolutePath();
fileBean.setFilePath(realPath);
fileBean.setFileName(getFileName(realPath));
if (file.isDirectory()) {
fileBean.setFileType("DIR");
//fileBean.setFileSize(FormetFileSize(getFileSize(file)));
fileBean.setFileSize("");
}else{
fileBean.setFileType(getFileType(getFileName(realPath)));
fileBean.setFileSize(FormetFileSize(getFileSizes(file)));
}
filelist.add(fileBean);
}
}else{
dirSize=FormetFileSize(getFileSizes(root));
}
dirBean.setDirCount(dirCount);
dirBean.setDirSize(dirSize);
dirBean.setDirPath(dirPath);
dirBean.setFiles(filelist);
}else{
System.out.println("文件或文件目录不存在");
}
return dirBean;
}
private static String getFileType(String fileName) {
return fileName.substring(fileName.lastIndexOf(".")+1).toUpperCase();
}
//获取文件名
static String getFileName(String filePath) {
String [] fileItems=filePath.split("\\\\");
return fileItems[fileItems.length-1];
}
//取得文件大小
public static long getFileSizes(File f) throws Exception{
long s=0;
if (f.exists()) {
FileInputStream fis = null;
fis = new FileInputStream(f);
s= fis.available();
} else {
System.out.println("文件不存在");
}
return s;
}
//取得文件夹大小
public static long getFileSize(File f)throws Exception
{
long size = 0;
File flist[] = f.listFiles();
for (int i = 0; i < flist.length; i++)
{
if (flist[i].isDirectory())
{
size = size + getFileSize(flist[i]);
} else
{
size = size + flist[i].length();
}
}
return size;
}
public static String FormetFileSize(long fileS) {//转换文件大小
DecimalFormat df = new DecimalFormat("#.00");
String fileSizeString = "";
if (fileS < 1024) {
fileSizeString = df.format((double) fileS) + "B";
} else if (fileS < 1048576) {
fileSizeString = df.format((double) fileS / 1024) + "KB";
} else if (fileS < 1073741824) {
fileSizeString = df.format((double) fileS / 1048576) + "M";
} else {
fileSizeString = df.format((double) fileS / 1073741824) + "G";
}
return fileSizeString;
}

public static long getlist(File f){//递归求取目录文件个数
long size = 0;
File flist[] = f.listFiles();
size=flist.length;
for (int i = 0; i < flist.length; i++) {
if (flist[i].isDirectory()) {
size = size + getlist(flist[i]);
size--;
}
}
return size;

}
}

Java+Json+JQuery将本地文件显示在网页上

时间: 2024-11-02 23:27:03

Java+Json+JQuery将本地文件显示在网页上的相关文章

jquery读取本地文件

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#b01").click(function(){ htmlobj=$.ajax({

java+js实现展示本地文件夹下的所有图片demo

java+js实现展示本地文件夹下的所有图片demo 最近项目遇到需要实现前端通过一个按钮点击事件,弹窗浏览本地文件夹下的所有图片: 思路: - 获取到所需展示图片的本地文件夹内所有图片的文件绝对路径名称(路径+图片名称.格式名称) - 由于图片过大,对图片进行按比例压缩再展示 - 在前端展示图片 - (前端各式各样的展示--) 第一步:获取本地文件夹中的所有图片路径 java代码: package com.giscafer.common; import java.io.File; import

JS预览图像将本地图片显示到浏览器上

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> /** * 从

&lt;pre&gt; 保留文本格式显示在网页上

<code> 标签 解释:保留输入的格式空格等不变,原样显示在网页上 例如: <pre> 通知 即日起不再提供公共设施 个店铺需自行准备. 望周知~!! 2020/10/10 </pre> 原文地址:https://www.cnblogs.com/rygl/p/11829441.html

Highcharts AJAX JSON JQuery 实现动态数据交互显示图表 柱形图

这是第一篇实例的步骤与代码.还有整个项目的结构图. http://my.oschina.net/xshuai/blog/345117 原创的博文.转载注明出处.大家赶紧收藏吧.  本人highcharts新手.只是做个了练手的实例.还望大神指点. 上个图给大家看下效果. 点击  查看图表 如下图展示效果 Highcharts简介 Highcharts 是一个用纯JavaScript编写的一个图表库, 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表,并且免费提供给个人学习.个人网

JAVA中FileReader类读取文件显示FileNotFoundException 异常的解决办法

最近在看一个生信JAVA小软件的源码,然后试着自己写一下,但是在读取文件的时候发现一直出现"找不到文件"的异常,检查了各种环境变量和目录,最后终于找到了问题所在.下面的具体的错误情况: import java.io.FileReader; public class Test{ public static void main(String[] args) { FileReader a = new FileReader("a.txt"); System.out.prin

java程序实现删除本地文件

import java.io.File; public class Test { public static void main(String args[]) {    Test t = new Test();    delFolder("d:/test");    System.out.println("OK"); } // 删除文件夹 // param folderPath 文件夹完整绝对路径 public static void delFolder(Strin

c# 获取指定目录下的所有文件并显示在网页上

参考文献: FileInfo 的使用  https://msdn.microsoft.com/zh-cn/library/system.io.fileinfo_methods(v=vs.110).aspx 网页表格的生成  http://www.w3school.com.cn/html/html_tables.asp C# 通过文件扩展名获取图标和描述 http://www.csframework.com/archive/2/arc-2-20110514-1478.htm   http://ww

从php获取json数据使用js读取显示到网页笔记

php代码 <?php //json与数组转换 $array = array("username" => "hellojson","age" => 23,"sex"=>"M");//定义php数组 $res=json_encode($array); //var_dump($res); echo $res;//将结果输出到页面 ?> HTML代码 <html> <