jquery异步上传文件代码

LQW_home

于 2017-11-21 09:45:48 发布

阅读量362

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/LQW_java_home/article/details/78589219

js 专栏收录该内容

13 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$("#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";
								}
							});	
						});