iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >AJAX实现文件上传功能报错Currentrequestisnotamultipartrequest详解
  • 400
分享到

AJAX实现文件上传功能报错Currentrequestisnotamultipartrequest详解

2024-04-02 19:04:59 400人浏览 安东尼
摘要

想做一个文件上传,Spring Boot配合ajax来进行。却报错:Current request is not a multipart request 这是错误截图: 当时发生这

想做一个文件上传,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文件上传内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: AJAX实现文件上传功能报错Currentrequestisnotamultipartrequest详解

本文链接: https://www.lsjlt.com/news/165207.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • AJAX实现文件上传功能报错Currentrequestisnotamultipartrequest详解
    想做一个文件上传,spring boot配合Ajax来进行。却报错:Current request is not a multipart request 这是错误截图: 当时发生这...
    99+
    2024-04-02
  • Ajax怎么实现文件上传功能
    这篇文章主要介绍“Ajax怎么实现文件上传功能”,在日常操作中,相信很多人在Ajax怎么实现文件上传功能问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ajax怎么实现文件上传...
    99+
    2024-04-02
  • JavaWeb实现文件上传功能详解
    文件上传功能的实现 在大多数网站中,我们都可以看见文件上传和下载功能的实现,今天我们就文件上传做一个详细的总结 实现步骤: 1、新建一个JSP页面:表单必须设置:enctype=&...
    99+
    2024-04-02
  • PHP 与 Ajax:实现实时的文件上传功能
    如何使用 php 和 ajax 实现实时文件上传?在 php 中配置文件上传并设置权限。创建一个服务器端脚本处理上传。使用 jquery 编写一个客户端脚本来处理 ajax 请求。在 h...
    99+
    2024-05-12
    php ajax
  • Ajax配合Spring如何实现文件上传功能
    这篇文章将为大家详细讲解有关Ajax配合Spring如何实现文件上传功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、 需求Web表单页面,可以通过表单上传图片以及其...
    99+
    2024-04-02
  • ajax如何实现无刷新上传文件功能
    这篇文章主要介绍了ajax如何实现无刷新上传文件功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下<!DOCTYPE HTML><ht...
    99+
    2023-06-08
  • Ajax实现上传图像功能的示例详解
    最终效果展示 xhr发起请求 <!DOCTYPE html> <html lang="en"> <head> <meta ch...
    99+
    2024-04-02
  • SpringBoot文件上传与下载功能实现详解
    目录前言1、引入Apache Commons FileUpload组件依赖2、设置上传文件大小限制3、创建选择文件视图页面4、创建控制器5、创建文件下载视图页面前言 文件上传与下载是...
    99+
    2022-11-13
    SpringBoot文件上传 SpringBoot文件下载
  • Java+Selenium实现文件上传下载功能详解
    目录简介上传文件下载文件简介 本文主要讲解java代码如何利用selenium操作浏览器上传和下载文件代码教程。 上传文件 常见的 web 页面的上传,一般使用 input 标签或是...
    99+
    2023-01-09
    Java Selenium文件上传下载 Java Selenium文件上传 Java Selenium文件下载 Java Selenium 上传 下载
  • Reactjs + Nodejs + Mongodb 实现文件上传功能实例详解
    目录Reactjs + Nodejs + Mongodb 实现文件上传概述React + Node.js + Mongodb「上传文件」前后端项目结构前端项目结构Reactjs 前端...
    99+
    2024-04-02
  • SpringCloud实现文件上传功能的方法详解
    目录图片上传搭建项目编写上传功能图片上传 刚才的新增实现中,我们并没有上传图片,接下来我们一起完成图片上传逻辑。 文件的上传并不只是在品牌管理中有需求,以后的其它服务也可能需要,因此...
    99+
    2024-04-02
  • asp.net中表单上传功能如何实现ajax文件异步上传
    这篇文章主要为大家展示了“asp.net中表单上传功能如何实现ajax文件异步上传”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“asp.net中表单上传功能如何...
    99+
    2024-04-02
  • Ajax如何配合node.js multer实现文件上传功能
    小编给大家分享一下Ajax如何配合node.js multer实现文件上传功能,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!说明作为一个node 初学者,最近在做一个聊天软件,支持注册、登录、在线单人、多人聊天、表情发送、...
    99+
    2023-06-08
  • javaweb实现文件上传功能
    本文实例为大家分享了javaweb实现文件上传的具体代码,供大家参考,具体内容如下 1、创建一个空项目 2、新建一个web application 的Module 3、创建一个lib...
    99+
    2024-04-02
  • JavaWeb实现上传文件功能
    本文实例为大家分享了JavaWeb实现上传文件的具体代码,供大家参考,具体内容如下 这是需要使用到的两个jar包一定要导入到lib目录中,并添加到发布的lib目录下 index.j...
    99+
    2024-04-02
  • springmvc实现文件上传功能
    一个简单的springmvc文件上传例子 所需的依赖 只需要这个就好了。在idea的依赖关系图中,commons-fileupload包含了commons-io依赖 <d...
    99+
    2024-04-02
  • ASP.NET实现文件上传功能
    本文实例为大家分享了ASP.NET实现文件上传功能的具体代码,供大家参考,具体内容如下 1、搭建网站结构 2、编写网页文件 创建一个Web窗体UploadFile和UpFile文件...
    99+
    2024-04-02
  • SpringBoot实现文件上传功能
    经典的文件上传 服务器处理上传文件一般都是先在请求中读取文件信息,然后改变名称保存在服务器的临时路径下,最后保存到服务器磁盘中。本次以thymeleaf搭建demo,因此需要引入th...
    99+
    2024-04-02
  • JSP实现文件上传功能
    本文实例为大家分享了JSP实现文件上传功能的具体代码,供大家参考,具体内容如下 一、准备部分 需要fileupload.jar与io.jar包共同完成。构建完成路径后可继续。 资源地...
    99+
    2024-04-02
  • ajaxfileupload.js实现上传文件功能
    下面是一个使用ajaxfileupload.js实现文件上传功能的示例代码:首先,你需要引入ajaxfileupload.js文件,...
    99+
    2023-08-11
    功能
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作