解决ajax无法上传文件到服务器的问题

在使用ajax上传文件到SpringMVC时遇到了400错误Required MultipartFile parameter ‘file’ is not present,查看浏览器控制台后发现数据是有的
前端请求信息
判断可能是后端无法接收数据。检查springboot配置和后端代码后仍没有发现明显错误(求大佬帮看问题)
后端代码
由于项目的限制,需要异步上传文件获取返回的json,因此在网上发现了专门用来表单异步提交的jsjquery.form.js

这个插件可以实现异步提交表单,获取返回的json信息处理。

详细文档见官网 http://www.h-ui.net/lib/jQuery.form.js.shtml

下面贴下我的例子

	<form id="file_form" th:action="@{/admin/fileUpload}" name="forminfo" method="post" enctype="multipart/form-data">
    目标目录<input id="path" type="text" name="destPath"><br>
        文件<input type="file" name="file" id="file"><br>
            <input type="submit" value="提交">
    </form>
    <script type="text/javascript">
        $("#file_form").bind("submit",function(){
            var file=$("#file").val();
            if(file==""){
                alert("请选择文件");
                return false;
            }
        })
        $(function(){
    
            var options = {
                success: function(data){
                    alert("上传成功")
                    console.log(data)
                    //这里可以对返回的信息进行获取及处理
                },
                error: function(data){
                    alert("上传失败")
                }
    
            }
            $("#file_form").ajaxForm(options);
       }
       </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值