导入文件

最新推荐文章于 2025-05-22 21:39:39 发布

原创最新推荐文章于 2025-05-22 21:39:39 发布 · 274 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

表单处理专栏收录该内容

17 篇文章

订阅专栏

本文展示了一个简单的HTML页面，该页面包含一个表单用于上传文件。通过JavaScript监听文件选择事件并使用FormData对象来处理所选文件。

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	<form action="" class="forms" enctype="multipart/form-data" method="post">
		<input style="display: none;" type="text" name="province_code" value='0'/>
		<input style="display: none;" type="text" name="province_name" value='1'/>
		<input style="display: none;" type="text" name="city_code" value='2'/>
		<input style="display: none;" type="text" name="city_name" value='3'/>
		<input style="display: none;" type="text" name="district_code" value=''/>
		<input style="display: none;" type="text" name="district_name" value=''/>
		<input style="" type="file" name="file" class="filebtn"/>
	</form>
	
	
	
	
	<script src="jquery.min.js"></script>
	<script>
		$("body").on("change",".filebtn",function(){
			var form = new FormData($(".forms")[0]);
		  	console.log(form)
		})
	</script>
</body>
</html>