松鼠的博客

导航

java+web中上传文件夹

今天我弄了一下文件夹上传(很简单的)
首先,我们的html需要这样写
<form action="/file/upload" enctype="multipart/form-data" method="post">
    <input type="hidden" name="type" value="1"/>
    <input id="dir" type="file" name="file" webkitdirectory mozdirectory/>
    <input id="uploadDir" type="submit" value="提交文件夹">
</form>
这个一定要加上去   
enctype="multipart/form-data" method="post"
还有  
 webkitdirectory mozdirectory
这个好像仅支持谷歌浏览器
如果没有在Spring 里配置multipartResolver会报错,配置一下就好了
<bean id="multipartResolver"
      class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <!-- 上传文件大小上限,单位为字节(10MB) -->
    <property name="maxUploadSize">
        <value>999999999999999999</value>
    </property>
    <!-- 请求的编码格式,必须和jSP的pageEncoding属性一致,以便正确读取表单的内容,默认为ISO-8859-1 -->
    <property name="defaultEncoding">
        <value>UTF-8</value>
    </property>
</bean>
然后就是我们的后台
@RequestMapping("/upload")
public Message upload(@RequestParam("type")int type, @RequestParam("file") MultipartFile[] file){
    for(MultipartFile f:file){
        File file1 ;
        String name="";
        try {
            if (f instanceof CommonsMultipartFile) {
                //转换成这个对象,然后我们需要通过里面的FileItem来获得相对路径
                CommonsMultipartFile f2 = (CommonsMultipartFile) f;
                name = f2.getFileItem().getName();
                System.out.println(name + "        ---------相对路径");
                file1 = new File(getProjectPath() + "/" + name);
                file1.mkdirs();
                file1.createNewFile();
                f.transferTo(file1);
            }
            System.out.println(f.getOriginalFilename() + "   iii         --------");
            System.out.println("sssss   ");
        }catch (Exception e){
            e.printStackTrace();
        }
    }
    return new Message(true,"成功");
}
我们需要将MultipartFile转换成这个对象
 CommonsMultipartFile f2 = (CommonsMultipartFile) f;
因为我们需要里面的FileItem来获得相对路径
获得了相对路径,然后我们就用项目路径和这个相对路径加上去
然后创建文件夹,并写入到服务器的绝对路径就行了
原文链接:https://blog.csdn.net/u011546032/article/details/80574564

   

  效果展示


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

 说明: http://blog.ncmem.com/wordpress/wp-content/uploads/2019/07/20190730094536_40035.png

 批量上传文件和文件夹 

说明: http://bbsres2.ncmem.com/731fda07.png

 


Mac控件安装教程与演示说明:

http://t.cn/AijgiFgW

http://t.cn/Aijg6z08

 

Linux控件安装教程与演示说明:

http://t.cn/Aijg6Lv3

http://t.cn/Aijg64k6

 

控件包下载:

MacOShttp://t.cn/Aijg65dZ

Linuxhttp://t.cn/Aijg6fRV

cab(x86)http://t.cn/Ai9pmG8S 

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

xpihttp://t.cn/Ai9pubUc 

crxhttp://t.cn/Ai9pmrcy 

exehttp://t.cn/Ai9puobe   

 

示例下载: 

jsp-eclipsehttp://t.cn/Ai9p3LSx 

jsp-myeclipsehttp://t.cn/Ai9p3IdC    

 

在线教程: 

jsp-文件管理器教程:http://t.cn/AiNhmilv

 

个人博客:http://t.cn/AiY7heL0

 

www.webuploader.net

 

 

posted on 2019-08-05 09:17  Xproer-松鼠  阅读(287)  评论(0编辑  收藏  举报