SpringMVC上传_异步上传-【官方】百战程序员_IT在线教育培训机构


xxxxxxxxxx
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>上传</title>
    <script src="/js/jquery-2.1.1.min.js"></script>
    <script src="/js/jquery.form.js"></script>
</head>
<body>
<h3>文件上传</h3>
<form id="ajaxForm" enctype="multipart/form-data" >
    <input type="file" name="file"/>
    <%-- 按钮类型不能是submit，否则会刷新页面   --%>
    <input type="button" value="上传头像" id="btn"/>
</form>
<%-- 上传头像后展示的位置 --%>
<img src="/" width="100" id="img">
<script>
    $(function () {
        $("#btn").click(function () {
            // 异步提交表单
            $("#ajaxForm").ajaxSubmit({
                url:"/fileUpload4",
                type:"post",
                success:function (data) {
                    $("#img").attr("src",data);
                }
            })
        })
    })
</script>
</body>
</html>

编写控制器接收异步上传请求


xxxxxxxxxx
@RequestMapping("/fileUpload4")
//不进行页面跳转
@ResponseBody
public String upload3(HttpServletRequest request, MultipartFile file) throws Exception {
    // 创建文件夹，存放上传文件。
    String realPath = request.getSession().getServletContext().getRealPath("/upload");
    File dir = new File(realPath);
    if (!dir.exists()){
        dir.mkdirs();
    }

    // 拿到上传文件名
    String filename = file.getOriginalFilename();
    filename = UUID.randomUUID()+"_"+filename;
    // 创建空文件
    File newFile = new File(dir, filename);
    // 将上传的文件写到空文件中
    file.transferTo(newFile);
    // 返回文件的路径
    return "/upload/"+filename;
}

实时学习反馈

1. jQuery表单上传工具jquery.form.js异步表单提交方法为

A ajaxSubmit

B submit

C ajax

D 以上都可以

答案

1=>A

SpringMVC上传_上传多文件 SpringMVC上传_跨服务器上传

北京市昌平区回龙观镇南店村综合商业楼2楼226室