zoukankan      html  css  js  c++  java
  • SpringMVC在用ajax上传文件的时候提示The current request is not a multipart request错误

    一开始用传统ajax 上传,但是后台死活不认为这是上传文件,后来用了jquery 的 form 提交,成功,废话不说,直接上图

    jsp:

                                            <form id="excelUpload" action="/admin/batchimport.do"  method="post" enctype="multipart/form-data">
                                                    <input id="excel_file" type="file" name="filename" accept="xlsx" size="80"/>
    
                                            </form>
                                            <input id="excel_button" type="submit" value="导入Excel" onclick="check()"/>

    ajax:

    <script src="/static/plugins/form/jquery.form.min.js"></script>
    <script type="text/javascript" src="/static/plugins/jQuery-confirm/xcConfirm.js"></script>
    
    <script type="text/javascript">
        function check() {
            var txt = "确定提交吗?";
            var option = {
                onOk: function () {
                    var excel_file = $("#excel_file").val();
                    if (excel_file == "" || excel_file.length == 0) {
                        window.wxc.xcConfirm("请选择文件路径!", window.wxc.xcConfirm.typeEnum.error);
                        return false;
                    } else {
                        var params = $("#excelUpload").serializeArray();
                        $("#excelUpload").ajaxSubmit({
                            method: 'post',
                            data:params,
                            url: '/admin/batchimport.do',
                            async: false,
                            success: function (data) {
                                if (data.code == 1) {
                                    var txt = "批量导入成功!";
                                    var option = {
                                        onOk: function () {
                                            window.location.href = "/admin/Student.jsp";
                                        }
                                    };
                                    window.wxc.xcConfirm(txt, "success", option);
                                } else {
                                    if (data.code == 1) {
                                        var txt = data.msg;
                                        var option = {
                                            onOk: function () {
                                                window.location.href = "/admin/ImportStu.jsp";
                                            }
                                        };
                                        window.wxc.xcConfirm(txt, "error", option);
                                    }
                                }
                            }
                        });
                        return true;
                    }
                }
            };
            window.wxc.xcConfirm(txt, "warning", option);
        }
    </script>

    关键在:

    $("#excelUpload").ajaxSubmit({
                            method: 'post',
                            data:params,
                            url: '/admin/batchimport.do',
                            async: false,
                            success: function (data) {
                                if (data.code == 1) {
                                    var txt = "批量导入成功!";
                                    var option = {
                                        onOk: function () {
                                            window.location.href = "/admin/Student.jsp";
                                        }
                                    };
                                    window.wxc.xcConfirm(txt, "success", option);
                                } else {
                                    if (data.code == 1) {
                                        var txt = data.msg;
                                        var option = {
                                            onOk: function () {
                                                window.location.href = "/admin/ImportStu.jsp";
                                            }
                                        };
                                        window.wxc.xcConfirm(txt, "error", option);
                                    }
                                }
                            }
                        });
  • 相关阅读:
    JavaScript中运算符的优先级
    JS中在当前日期上追加一天或者获取上一个月和下一个月
    Window命令行工具操作文件
    多线程Worker初尝试
    基于gulp的前端自动化开发构建新
    cURL和file_get_contents实现模拟post请求
    Thinkphp5使用validate实现验证功能
    微信小程序wx.pageScrollTo的替代方案
    js设计模式之代理模式以及订阅发布模式
    js设计模式之单例模式
  • 原文地址:https://www.cnblogs.com/diaoniwa/p/6946231.html
Copyright © 2011-2022 走看看