Java实现文件上传保存

原创
06/23 13:18
阅读数 12
本文实例为大家分享了Java实现文件上传保存的具体代码,供大家参考,具体内容如下

框架
Spring Boot + FreeMarker + Ajax

第一次尝试Spring Boot 和FreeMarker, Spring Boot最大的感受是真的方便,约定大于配置,很多东西都是在使用过程中了解,看Spring Boot实战基本看完就忘得差不多…

后台
1. 从request获取到文件

MultipartFile类保存文件信息,文件上传放在request中,可debug查看request中实体观察到。

1
2
MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
List<MultipartFile> files = multipartRequest.getFiles("img");
强制转换request获取MultipartHttpServletRequest,再获得MultipartFile文件

2. 写入上传文件夹

path在application.properties中定义,使用@Value标签注入。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/**
     * 保存图像
     *
     * @param img
     * @param userName
     * @return
     */
    private String writeImgToUpload(MultipartFile img, String userName) {
        // Tomcat 放在C盘中,可能无读写权限而写入失败
        // 写入目录文件
        // 获取文件格式
        String suffix = img.getOriginalFilename().substring(img.getOriginalFilename().lastIndexOf("."));
        // 目标文件路径+文件名
        String imgFile = path + userName + suffix;
        File toFile = new File(imgFile);
        if (!toFile.getParentFile().exists()) {
            // when file is not existed, will create.
            toFile.mkdirs();
        }
        // write to target file.
        try {
            img.transferTo(toFile);
            return imgFile;
        } catch (IOException e) {
            e.printStackTrace();
        }
        return null;
    }
前端
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form class="form-horizontal" id="authForm" method="post" enctype="multipart/form-data">
    <div class="form-group">
        <div class="col-sm-6">
            <b><label for="img">上传认证</label></b>
            <input type="file" id="img" name="img">
        </div>
    </div>
 
    <div class="row">
        <div class="col-xs-4">
            <button type="submit" class="btn btn-primary btn-block btn-flat">注册</button>
        </div>
    </div>
</form>
Ajax通信
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
submitHandler : function(form) {
            var file = new FormData();
            var img = $('#img')[0].files[0];
            file.append('img', img);
            $.ajax({
                url:base_url + "/auth/update",
                type: "POST",
                data: file,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    // 成功的回调
                    if (data.code == 200) {
                        layer.msg('认证成功');
                        setTimeout(function () {
                            window.location.href = base_url;
                        }, 500);
                    } else {
                        layer.open({
                            icon: '2',
                            content: (data.msg || '认证失败')
                        });
                    }
                }
            });
submitHandler : function(form) {
            var file = new FormData();
            var img = $('#img')[0].files[0];
            file.append('img', img);
            $.ajax({
                url:base_url + "/auth/update",
                type: "POST",
                data: file,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    // 成功的回调
                    if (data.code == 200) {
                        layer.msg('认证成功');
                        setTimeout(function () {
                            window.location.href = base_url;
                        }, 500);
                    } else {
                        layer.open({
                            icon: '2',
                            content: (data.msg || '认证失败')
                        });
                    }
                }
            });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
JavaWeb实现文件上传下载功能实例解析

 

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部
返回顶部
顶部