jquery中$.ajax上传文件，相关配置和示例

最新推荐文章于 2022-11-25 14:25:35 发布

menghuanzhiming

最新推荐文章于 2022-11-25 14:25:35 发布

阅读量1.1k

点赞数

分类专栏： js ajax 文章标签： ajax jquery js

本文链接：https://blog.csdn.net/menghuanzhiming/article/details/105407400

版权

js 同时被 2 个专栏收录

28 篇文章 1 订阅

订阅专栏

ajax

6 篇文章 0 订阅

订阅专栏

参考博客：

jquery中$.ajax上传文件contentType类型为multipart/form-data时后台报错the request was rejected because no multipart：https://blog.csdn.net/u012235103/article/details/89552453
浅谈contentType = false：https://blog.csdn.net/death05/article/details/80065742
解决Ajax serialize() 表单进行序列化方式上传不了文件的问题：https://blog.csdn.net/huxiangen/article/details/84970394
FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别：https://www.cnblogs.com/jasonxu19900827/p/9543896.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ajax上传文件</title>
<script src="./js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
	function saveAjax(){
		var formData = new FormData($("#inputForm")[0]); 
		$.ajax({
			url : "",
			type : 'POST',
			data : formData,
			dataType : 'json',
			contentType: false,	//设置为 false 是为了避免 JQuery对其操作，从而失去分界符，而使服务器不能正常解析文件
	      	processData: false,	//默认为true，默认情况下，发送的数据将被转换为对象，设为false不希望进行转换
			success : function(data, status) {
				console.log(data);
			},
			error:function(){
				
			}
		})
	}
</script>

</head>
<body>
	<form id="inputForm" action="" onsubmit="return false;" method="post" enctype="multipart/form-data">
		<input type="text" name="id" id="id" value="" />
		<input type="text" name="text" id="text" value="" />
		<input type="file" multiple="multiple" id="files" name="files">
		<input type="submit" onclick="saveAjax();" value="提交">
	</form>
</body>
</html>

menghuanzhiming

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery中$.ajax上传文件，相关配置和示例

参考博客：jquery中$.ajax上传文件contentType类型为multipart/form-data时后台报错the request was rejected because no multipart：https://blog.csdn.net/u012235103/article/details/89552453浅谈contentType = false：https://blog...
复制链接

扫一扫