使用formdata上传文件报400

使用formdata上传文件报400在使用 formData 上传文件时 formData 代码 jQueryAjax 文件上传封装通用类

在使用formData上传文件时

使用formdata上传文件报400

 formData代码

/*
                  jQuery Ajax文件上传封装通用类      
*/
/调用示例:
   $.uploadAjaxRequest({options});
*/
/
 * ajax封装
 * url 发送请求的地址,url?传参时,参数名誉data的key相同时会被覆盖data的参数值
 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1}
 * async 默认值: false。默认设置下,所有请求均为同步请求。如果需要发送异步请求,请将此选项设置为 true。
 *       注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。
 * type 请求方式("POST" , "GET" ,""), 默认为 "POST"
 * cache 缓存,默认为false
 * dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text
 * beforeSendfun 在发送请求之前调用,并且传入一个XMLHttpRequest作为参数。
 * successfun 成功回调函数
 * errorfun 失败回调函数
 */
if(typeof ws =="undefined"){
		var ws=new Object();
}//end if
if(typeof ws.tools =="undefined"){
	ws.tools=new Object();
}
;(function(tools){
	tools.uploadAjaxRequest=function(options) {
    	var defaults={
			type: "POST",
            async: false,
            cache: false,
            contentType: false,
            processData: false,
            data: null,
            url: null,
            dataType: "json",
            beforeSend:null,
            successfun:null,
            errorfun:null
    	}
    	
    	var options = $.extend(defaults, options);
    	
    	var settings={
				type: options.type,
	            async: options.async,
	            cache: options.cache,
	            contentType: options.contentType,
	            processData: options.processData,
	            data: options.data,
	            url: options.url,
	            dataType: options.dataType,
	            success:options.successfun,
	            beforeSend:options.beforeSend
    	}
    	

    	//请求完毕后,加入去除‘遮罩层’事件,和判断登陆超时跳转事件
		settings.complete= function(XMLHttpRequest, textStatus){
			 top.$("body").find(".loading").remove();
			 document.body.style.overflow='auto';
			 
			 var response = JSON.parse(XMLHttpRequest.responseText);
			 if (response.status == 100||response.status == 103) {
	    		window.top.location.href=SystemGlobal.ssoLoginUrl+"?msg="+encodeURIComponent(response.msg);
				return;
			 }
			
		}
    	
		if(options.errorfun != null && options.errorfun != "" && typeof(options.errorfun) != "undefined"){
    		settings.error=options.errorfun;
    	}
    	
        $.ajax(settings);
    };

})(ws.tools);

后台代码

使用formdata上传文件报400

都指定了,发现无论如何都进不来

查看请求发现

使用formdata上传文件报400

这里根本就没有file文件。查看前端代码,发现input没有通过name命名

使用formdata上传文件报400

加上name

使用formdata上传文件报400

再次上传发现有这个值了也不报400了 

使用formdata上传文件报400

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/199833.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月20日 下午12:06
下一篇 2026年3月20日 下午12:06


相关推荐

  • poe交换机如何选择_怎么选择交换机

    poe交换机如何选择_怎么选择交换机PoE交换机不但可以实现普通交换机的数据传输功能还能同时对网络终端进行供电。如果你打算选择或者使用PoE交换机,这些知识点一定要看,可以让你少走弯路、少些麻烦。接下来,杭州飞畅科技的小编来为大家介绍下PoE交换机的选择和使用要点,一起来看看吧!一,选择PoE交换机时需要注意什么?1,不要图便宜,尤其是核心的东西,这个你懂的国内就是一个各种产品泛滥的大市场,PoE交换机也不例外。市场上的PoE交换机大大小小的品牌数不胜数,价格和质量差别很大。有些初接触PoE供电的人士,认为只要是PoE交换机就行.

    2022年10月4日
    4
  • 微信小程序授权登录流程

    微信小程序授权登录流程https developers weixin com miniprogram dev framework open ability login html nbsp nbsp nbsp 微信小程序官方 API 说明 调用 nbsp wx login nbsp 获取 nbsp 临时登录凭证 code nbsp 并回传到开发者服务器 调用 nbsp code2Session nbsp 接口 换取 nbsp 用户唯一标识 OpenID nbsp 和 nbsp 会话密钥 session k

    2026年3月19日
    2
  • Python爬取天气数据及可视化分析

    Python爬取天气数据及可视化分析Python爬取天气数据及可视化分析文章目录Python爬取天气数据及可视化分析说在前面1.数据获取请求网站链接提取有用信息保存csv文件2.可视化分析当天温度变化曲线图当天相对湿度变化曲线图温湿度相关性分析图空气质量指数柱状图风向风级雷达图未来14天高低温变化曲线图未来14天风向风级雷达图未来14天气候分布饼图3.结论4.代码框架附源代码说在前面天气预报我们每天都会关注,我们可以根据未来的天气增减衣物、安排出行,每天的气温、风速风向、相对湿度、空气质量等成为关注的焦点。本次使用python中req

    2022年6月27日
    24
  • vue-router 中 meta的用法

    vue-router 中 meta的用法如果我想做下面这个功能:路由代码:用这个获取

    2022年7月11日
    19
  • vue删除数组中某一元素_数组索引超出范围

    vue删除数组中某一元素_数组索引超出范围在前端开发中,我们经常需要对数组进行操作,增删改是经常的事情,那我们js中该如何删除指定的下标元素呢????我们用splice来操作1.定义和用法splice()方法用于添加或删除数组中的元素。注意:这种方法会改变原始数组。数组中添加新元素:varfruits=[“Banana”,”Orange”,”Apple”,”Mango”];fruits.splice(2,0,”Lemon”,”Kiwi”);fruits输出结果:Banana,Orange,Le.

    2022年8月10日
    78
  • 使用ActionForm類別

    使用ActionForm類別入門 07 使用 ActionForm 類別 functiontogg id varoldAttach document getElementBy attachment id with oldAttachmen

    2025年10月29日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号