java上传文件夹

我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。

 

首先我们需要了解的是上传文件三要素:

 

 

 

1.表单提交方式:post (get方式提交有大小限制,post没有)

 

2.表单的enctype属性:必须设置为multipart/form-data. 

 

3.表单必须有文件上传项:file,且文件项需要给定name值

 

上传文件夹需要增加一个属性webkitdirectory,像这样:

 

<input id="fileFolder" name="fileFolder" type="file"  webkitdirectory>

 

 

 

js中可以判断文件夹中文件数量及文件夹大小是否符合要求,不符合要求不能向后台提交:

document.getElementById('fileFolder').onchange = function(e) {

actual_filesSize=0;

//是否选中文件夹  文件夹是否为空  数量和大小是否超过限制

//判断是否选中文件

  var file=$("#fileFolder").val();

  if(file!=""){

  var files = e.target.files;            // files是选中的文件夹数组

  //文件数量

  actual_filesCount = files.length;

  if(actual_filesCount > filesCount){

  $("#tips").text(msg2+filesCount+msg3);

  document.getElementById("tips").style.color="red";

  return;

  }

  //修改tips文本框内容

  $("#tips").text(actual_filesCount+tip);

  document.getElementById("tips").style.color="black";

  

  for (var i = 0; i< files.length; ++i){

  actual_filesSize=actual_filesSize+files[i].size;

  if(actual_filesSize > filesSize){

  $("#tips").text(msg4+(filesSize/1024/1024)+"M");

  document.getElementById("tips").style.color="red";

  return;

  }

  }

  }else{

  $("#tips").text(msg);

  document.getElementById("tips").style.color="red";

  return;

  }

  };

后台在接收文件夹时不同之处在需要用MultipartHttpServletRequest

@RequestMapping(value="/sys/uploadFolder",method=RequestMethod.POST)

@ResponseBody

public String uploadFileFolder(HttpServletRequest request) {



        MultipartHttpServletRequest params=((MultipartHttpServletRequest) request); 

        List<MultipartFile> files = params.getFiles("fileFolder");     //fileFolder为文件项的name值

        String result = sysFilesUploadService.upload(files);

        return "<h1>" + result + "</h1>";





    }

 

以下是service层做的处理:

@Service("sysFilesUploadService")

public class SysFilesUploadServiceImpl implements SysFilesUploadService {



//文件存储地址

@Value("${file_storage_address}")

private String Storage_PATH;

@Value("${file_format_require}")

private String File_Format;



@Override

public String upload(List<MultipartFile> files) {



BufferedOutputStream bos =null;

     BufferedInputStream bis=null;

     

     //文件格式要求

     String[] suffixArr = File_Format.split(",");

     List<String> suffixList = Arrays.asList(suffixArr);

     

     //判断存储的文件夹是否存在

     File file=new File(Storage_PATH);

     if(!file.exists()) {

    file.mkdirs(); 

     }

     

        try {

//遍历文件夹

        for (MultipartFile mf : files) {

if(!mf.isEmpty()) {

String originalFilename = mf.getOriginalFilename();

String  suffix = originalFilename.substring(originalFilename.lastIndexOf(".")+1);

//格式限制,非wav格式的不上传

if(!suffixList.contains(suffix)) {

continue;

}

String fileName=originalFilename.substring(originalFilename.lastIndexOf("/")+1);

//为避免文件同名覆盖,给文件名加上时间戳

int index = fileName.lastIndexOf(".");

String firstName=fileName.substring(0, index);

String lastName=fileName.substring(index);

fileName=firstName+"_"+System.currentTimeMillis()+lastName;

//读取文件

bis=new BufferedInputStream (mf.getInputStream());

//指定存储的路径

bos=new BufferedOutputStream(new FileOutputStream

(Storage_PATH+fileName));

int len=0;

byte[] buffer=new byte[10240];

            while((len=bis.read(buffer))!=-1){

                bos.write(buffer, 0, len);

            }

            //刷新此缓冲的输出流,保证数据全部都能写出

            bos.flush();

}

}

        if(bis!=null) {

        bis.close();

        }

        if(bos!=null) {

        bos.close();

        }

        return "ok";

} catch (FileNotFoundException e) {      

        e.printStackTrace();      

        return "error";      

    } catch (IOException e) {      

        e.printStackTrace();      

        return "error";          

    }

}





}

功能介绍与效果展示:

 

树形目录导航。您可以通过树型目录导航和路径导航栏快速跳转到指定目录。在跳转后树型目录将会自动选中当前的目录。

 

路径导航,点击根目录按钮便可返根目录

 

文件和目录重命名

 
 

点击删除按钮

说明: http://qqadapt.qpic.cn/adapt/0/a08d8c16-78a3-7ce5-c2cd-5df1e60fb8cc/800?pt=0&ek=1&kp=1&sce=0-12-12

点击确定后,页面中的文件消失


 

 

 

批量上传文件

 
 

粘贴上传

复制文件夹、文件或图片

说明: http://qqadapt.qpic.cn/adapt/0/ab61b9d4-755b-ee18-376d-f4ac80ad6417/800?pt=0&ek=1&kp=1&sce=0-12-12

在页面中选择好相应的上传目录,点击粘贴上传按钮,数据即可快速开始上传

说明: http://qqadapt.qpic.cn/adapt/0/b9fa01e5-ebec-3887-6726-67dcbc1a77ef/800?pt=0&ek=1&kp=1&sce=0-12-12


 

 

 

批量上传文件和文件夹

 

数据库记录

 

文件和目录下载

 

批量下载

同时选择多个需要下载的文件 

然后点击下载按钮,设置下载目录文件夹

说明: C:\Users\Administrator\Desktop\2222.png


 

 

点击全部下载,开始下载

 

自动加载未上传完的任务。在刷新浏览器或重启电脑后仍然可以自动加载未完成的任务。

 

 

下载完成后打开我们设置的下载目录文件夹,发现需下载的文件或文件夹确认已下载成功,经确认文件夹内的内容与下载文件夹内容一致

说明: http://qqadapt.qpic.cn/adapt/0/3224196a-396c-8ee1-b509-3179302fbd86/800?pt=0&ek=1&kp=1&sce=0-12-12

 

数据库记录

 
 

 

控件包下载:
cab(x86):http://t.cn/Ai9pmG8S

cab(x64):http://t.cn/Ai9pm04B

xpi:http://t.cn/Ai9pubUc

crx:http://t.cn/Ai9pmrcy

exe:http://t.cn/Ai9puobe

 

示例下载:

asp.net:http://t.cn/Ai9pue4A

jsp-eclipse:http://t.cn/Ai9p3LSx

jsp-myeclipse:http://t.cn/Ai9p3IdC

php: http://t.cn/Ai9p3CKQ

 

在线教程:
asp.net-文件管理器教程:http://j.mp/2MLoQWf

jsp-文件管理器教程:http://j.mp/2WJ2Y1m

php-文件管理器教程:http://j.mp/2MudPs3

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值