Spring+Ajax异步上传文件,前端代码

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/4/23 0023
  Time: 16:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="../statics/jquery-3.2.1.min.js"></script>
    <script>
        function fileTest() {

            var dataJson=new FormData(document.getElementById("fileQuery"));
            $.ajax({
                url:"/file/upload",
                type:"post",
                data:dataJson,
                processData:false,
                contentType:false,
                dataType:"text",
                success:function () {
                    alert("ok");
                },
                error:function () {
                    alert("error");
                }
            });
            return false;
        }
    </script>
</head>
<body>
<form id="fileQuery" onsubmit="return fileTest()" enctype="multipart/form-data">
    <input name="fileName" type="file">
    <input type="submit" value="提交">
</form>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/wzy18210825916/article/details/89477929