jquery异步上传文件代码

最新推荐文章于 2022-12-23 09:02:10 发布

原创最新推荐文章于 2022-12-23 09:02:10 发布 · 381 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的文件上传功能示例，其中包括如何通过FormData对象收集表单数据并利用AJAX进行异步POST请求，以实现将文件和其他表单字段数据一起上传到服务器的功能。

$("#home-searchInput").click().on("change",function(){
					        var formData = new FormData();
					        //console.log(this.files);
					        formData.append("type",$("#type").val());
					        for ( var i=0; i< this.files.length;i++) {
					        	formData.append("file",this.files[i]);
							}
					        formData.append("videoId",$("#videoId").val());
					        formData.append("id",$("#id").val());
							$.ajax({
								type:'POST',
								url:'<%=basePath%>/video/uploadMask',
								data : formData, 
								// 告诉jQuery不要去处理发送的数据
								processData : false, 
								// 告诉jQuery不要去设置Content-Type请求头
								contentType : false,
								dataType:'text',
								success:function(data){
									alert(data);
									window.location.href="<%=basePath%>/video/upMaskList";
								}
							});	
						});