上传文件保存本地

最新推荐文章于 2024-07-11 22:41:56 发布

爽、

最新推荐文章于 2024-07-11 22:41:56 发布

阅读量687

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JAVAUtils 文章标签： upload-files

本文链接：https://blog.youkuaiyun.com/weixin_43842590/article/details/85166507

JAVAUtils 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用Java和jQuery实现的文件上传功能，包括文件的服务器端存储和客户端预览。通过MultipartFile处理文件，利用FormData进行Ajax提交，实现了上传文件的即时预览效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
    <title>文件上传</title>
    <script src="/resources/js/jquery-3.3.1.js"></script>
</head>

<body>
<%--<form action="#" enctype="multipart/form-data" method="post">--%>
<form>
    上传用户：<input type="text" name="username"><br/>
    上传文件：<input type="file" name="file" id="file"><br/>
    <img id="show-img" width="200px" height="200px"/>
    <input name="driverLicenceImg" id="img" hidden/>
    <input type="submit" id ="submit" value="提交">
</form>
<script>
    $("#file").on("change", function () {
        var fileObj = this.files[0];
        var formFile = new FormData();
        formFile.append("file", fileObj);
        var data = formFile;
        $.ajax({
            url: "/upload",
            type: "post",
            data: data,
            dataType: "json",
            processData: false,
            contentType: false,
            success: function(data) {
                $("#img").attr("value", data.url);;
                $("#show-img").attr("src", data.url);
            },
            error: function() {
            }
        });
    });
</script>
</body>
</html>

@Controller
public class UploadController {
//tomcat配置虚拟地址自行百度，so easy
    private static String VIRTUAL_PATH = "http://localhost:8080/imgs";
    private static String PHYSICAL_PATH = "e://test/imgs";
    @RequestMapping(path = "/upload", method = RequestMethod.POST)
    @ResponseBody
    public Object upload(MultipartFile file) {
//        String rootPath = Thread.currentThread().getContextClassLoader().getResource("/").getPath();
        String rootPath = PHYSICAL_PATH;
        String datePath = getAbsolutePathDate(rootPath);
        try {
            File localFile = new File(datePath + "/" + file.getOriginalFilename());
            localFile.createNewFile();
            file.transferTo(localFile);
        } catch (IOException e) {
            e.printStackTrace();
        }
        Map<String,Object> map = new HashMap<>();
        map.put("url",getAbsolutePathDate(VIRTUAL_PATH)  + "/" + file.getOriginalFilename());
        return map;
    }
    private String getAbsolutePathDate(String rootPath){
        DateFormat df = new SimpleDateFormat("yyyyMMdd");
        String ds = df.format(new Date());
        String path = rootPath+"/"+ ds;
        File folder = new File(path);
        if(!folder.exists()){
            folder.mkdirs();
        }
        return path;
    }

}