Form表单图片ajax提交

遇到一个问题，当使用form表单进行图片上传时，成功后页面会刷新，所以想到用ajax进行局部刷新

• js

<script type="text/javascript">
    function ajaxSub() {
        var file = document.getElementById("resForm");//获取表单的数据
        var formdata = new FormData(file);//格式化表单数据

        $.ajax({
            async:false,//同步请求
            //几个参数需要注意一下
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "/robotBanner/saveRobotBanner",//url
            processData: false,// 不处理发送的数据
            contentType: false,// 不设置Content-Type请求头
            data: formdata,
            success: function (data) {
                console.log("进入"+data);
                alert("成功");
                window.location.reload();
            },
            error: function () {
                alert("异常！");
            }
        });
    }
</script>

• html

<form role="form" class="form-horizontal" name="resForm" id="resForm">
    <!--图片上传-->
    <input type="file" class="form-control" name="file" id="file">
    <!--其他数据-->
    <select name="type" id="bannerType">
    	<option value="0">测试</option>
    	<option value="1">正式</option>
	</select>
    <button class="btn btn-primary" id="bannerSave" onclick="ajaxSub()">确定</button>
    <button class="btn btn-primary" id="bannerEdit" onclick="ajaxEdit()">保存</button>
    <button class="btn btn-danger" data-dismiss="modal" aria-hidden="true">取消</button>
</form>