前端上传文件时，使用form表单上传，或ajax

最新推荐文章于 2024-05-30 15:27:45 发布

原创最新推荐文章于 2024-05-30 15:27:45 发布 · 786 阅读

1 ·

CC 4.0 BY-SA版权

上传文件时，有两种提交方法：

使用form的submit事件，必须有enctype="multipart/form-data"参数

使用ajax，合理使用var data = new Formdata($('form')[0])；此时可使用data.get('file')，和data.set('file', obj)，来修改每次上传的参数等（例如使用七牛云上传图片，每个文件对应一个token，而input[type="file"]，this.files含有多个二进制文件，此时可循环设置）

/*可参考我重写的kindeditor七牛云上传图片js插件*/

function submit(i){
				var data = new FormData($(self.form)[0]);
				data.set("file", filesArr[i]);
				data.set('token', token);
				data.set('key', key);
				$.ajax({
					url: 'http://up-z2.qiniup.com',
					type: 'post',
					data: data,  
					dataType: 'JSON',  
					cache: false,  
					processData: false,  
					contentType: false,
					success:function(resp){
						if(i == fileLiLen -1){
							self.options.afterUpload.call(self, resp, true);
						}else{
							self.options.afterUpload.call(self, resp, false);
						}
						i++;
						if(i >= fileLiLen) return;
						fileTitle = $fileLi[i].firstChild.innerHTML;
						getToken(fileTitle, i);
					}
				})
			}