您的位置:首页 > Web前端 > JQuery

jquery-form中ajaxSubmit提交文件,以及解决ie9下上传文件后自动下载问题

2017-09-14 15:41 573 查看
需要引用jquery-form.js 下载地址http://plugins.jquery.com/form/

1、之前的项目一直使用formData的方式上传文件到后台处理,但新项目要求支持ie9,ie9不能有效支持formData,只能使用ajaxSubmit的方式上传文件前台代码

[html] view
plain copy

<form id="upload-file" method="post" enctype="multipart/form-data"  

                hidden="hidden">  

                <input id="import-batch" type="file" name="file"  

                    onchange="batchImport2();"  

                    accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />  

            </form>  

  

  

function batchImport2() {  

    var options = {  

        url : "ajax/import/",  

        success : function(data) {  

            var returnData = JSON.parse(data);  

            。。。。  

        },   

        resetForm : true,  

    };  

    $.("#upload-file").ajaxSubmit(options);  

}  

2、后台代码如下:

[java] view
plain copy

@RequestMapping(value = "......", method = RequestMethod.POST, produces = {"text/html;charset=UTF-8"})  

    public String upload(HttpServletRequest request,  

        HttpServletResponse response, @RequestParam(value = "file") MultipartFile file)  

            throws EncryptedDocumentException, InvalidFormatException, WrongFileException, FileRowErrorException,  

            Exception  

    {        

        //TODO 上传文件处理代码  

    return ...  //json 格式的返回信息  

     }  

注意前端代码中不能指定dataType

后台代码中一定要指定返回格式为  text/html,如果不这样做在ie9总返回值会变为下载格式

注意ajaxSubmit上传方式为异步上传,目前我没有找到同步上传的方法

options的其他参数注释如下:

http://jquery.malsup.com/form/#options-object
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ie 9 html
相关文章推荐