AJAX实现文件上传功能报错Current request is not a multipart request详解_AJAX相关

来源:脚本之家  责任编辑:小易  

想做一个文件上传,spring boot配合Ajax来进行。却报错:Current request is not a multipart request

这是错误截图:

当时发生这种错误,我是很震惊的,我以为找了很多办法来解决。

有以下办法,当然这些并未解决我的问题,但是部分有用,就先列举出来:

1.在页面头部加入信息:

<meta http-equiv="Content-Type" content="multipart/form-data; charset=utf-8" />

此方法 未解决 问题!

2.在form表单加入属性:enctype

<form method="post" enctype="multipart/form-data">
    <input type="file" name="file" />
</form>

此方法 未解决 问题!

3.后端:@RequestParam MultipartFile file 改为 @RequestPart MultipartFile file

此方法 未解决 问题!

还有个别方法。。。都不行

下面是解决方法,我之前的ajax代码:

$('#upload-ok').click(function () {
        var form = document.getElementById("upload-form");
        var file = new FormData(form);
        $.ajax({
            url: "/addFile",
            type: "POST",
            processData:false,
            contentType:false,
            data:{
                "file":file
            },
            success: function (date) {
                xxxxxx
            },
            error: function (date) {
                xxxxxx
            }
        })
    })

正确代码:

$('#upload-ok').click(function () {
        var form = document.getElementById("upload-form");
        var file = new FormData(form);
        $.ajax({
            url: "/addFile",
            type: "POST",
            processData:false,
            contentType:false,
            //重要部分,data的传的是整个表单,不用大括号包裹;不用自定义变量名
            data:file,
            success: function (date) {
                xxxxxx
            },
            error: function (date) {
                xxxxxx
            }
        })
    })

就这样,解决!!!

到此这篇关于AJAX实现文件上传功能报错Current request is not a multipart request详解的文章就介绍到这了,更多相关AJAX文件上传内容请搜索真格学网以前的文章或继续浏览下面的相关文章希望大家以后多多支持真格学网!

您可能感兴趣的文章:Ajax实现上传图像功能的示例详解ajaxFileupload实现多文件上传功能基于Ajaxupload的多文件上传操作Ajax配合Spring实现文件上传功能代码Ajax实现文件上传功能(Spring MVC)

  • 本文相关:
  • ajax请求是否真的不安全?谈一谈web安全与ajax的关系
  • ajax实现动态加载组合框的实例代码
  • 探讨ajax中同步与异步之间的区别
  • ajax jquery 异步表单验证示例代码
  • ajax原理与应用案例快速入门教程
  • ajax结合php实现二级联动
  • 完美ajax类 支持事件
  • ajax验证数据库内容并将值显示在页面
  • 使用ajax(包含正则表达式)验证用户登录的步骤
  • ajax验证用户名是否存在的实例代码
  • ajax多文件上传如何实现进度条?
  • ajax怎样提交form表单与实现文件上传?
  • jQuery插件AjaxFileUpload实现ajax文件上传
  • 基于PHP的AJAX技术实现文件异步上传
  • ThinkPHP结合AjaxFileUploader实现无刷新文件上传的方法
  • 详解Ajax和form+iframe 实现文件上传的方法(两种方式)
  • 基于HTML5 Ajax实现文件上传并显示进度条
  • rails ajax 用ajax实现文件的上传或者读取
  • jQuery+ajax简单实现文件上传的方法
  • ajax 文件上传应用简单实现
  • ajax+jquery+ashx如何实现上传文件
  • 怎么样通过jQuery Ajax实现上传文件
  • php+ajax+h5实现图片上传功能
  • 如何用Ajax实现多文件上传
  • dwr+ajax实现文件上传
  • iframe实现Ajax文件上传效果示例
  • 利用ajaxfileupload插件实现文件上传无刷新的具体方法
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全javascriptasp.netphp编程ajax相关正则表达式asp编程jsp编程编程10000问css/htmlflex脚本加解密web2.0xml/rss网页编辑器相关技巧安全相关网页播放器其它综合dart首页ajax实现上传图像功能的示例详解ajaxfileupload实现多文件上传功能基于ajaxupload的多文件上传操作ajax配合spring实现文件上传功能代码ajax实现文件上传功能(spring mvc)ajax请求是否真的不安全?谈一谈web安全与ajax的关系ajax实现动态加载组合框的实例代码探讨ajax中同步与异步之间的区别ajax jquery 异步表单验证示例代码ajax原理与应用案例快速入门教程ajax结合php实现二级联动完美ajax类 支持事件ajax验证数据库内容并将值显示在页面使用ajax(包含正则表达式)验证用户登录的步骤ajax验证用户名是否存在的实例代码jquery ajax 向后台传递数组参数示例ajax readystate的五种状态详解jquery实现ajax定时刷新局部页面实例ajax中的async属性值之同步和异步及同步和异步区别ajax传递多个参数具体实现ajax获取数据然后显示在页面的实现方法ajax获取数据中文乱码问题最简单的完美解决方案jquery ajax中使用serialize()方法提交表ajax请求二进制流进行处理(ajax异步下载文件)的简单方自己动手打造ajax图片上传(网上没有的)ajax表单异步上传文件实例代码(包括文件域)快速解决ajax返回值给外部函数的问题ajax上传图片的本质ajax.js里面有内容显示效果,根据idajax的特性及乱码问题ajax调用restful接口传送json格式数据的方法解决ajax传过来的值后台接收不到的问题一个简单的asp+ajax留言本源码下载一款经典的ajax登录页面 后台asp.netajax获取页面被缓存的解决方法
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved