formData文件上传--案例

最新推荐文章于 2025-06-12 15:47:48 发布

原创最新推荐文章于 2025-06-12 15:47:48 发布 · 561 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#formData

本文介绍了一个简单的HTML文件上传表单，并通过jQuery AJAX进行文件上传的过程。该表单使用了input type=file来选择文件，并有一个按钮触发上传操作。通过jQuery AJAX发送POST请求到upload.php，同时设置正确的Content-Type以确保正确处理文件数据。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table>
		<form id="uploadForm" enctype="multipart/form-data">
		    <input id="file" type="file" name="file"/>
		    <button id="upload" type="button">upload</button>
		</form>
	</table>
</body>
</html>
<script src="jquery.1.12.min.js"></script>
<script>
$("#upload").click(function(){
		$.ajax({
	    url: 'upload.php',
	    type: 'POST',
	    cache: false,
	    data: new FormData($('#uploadForm')[0]),
	    processData: false,
	    contentType: false
	}).done(function(res) {
		alert(res)
	}).fail(function(res) {});
})

</script>