前端Ajax后端Express+multer实现多文件上传

最新推荐文章于 2023-11-11 14:33:16 发布

原创

最新推荐文章于 2023-11-11 14:33:16 发布 · 669 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax上传文件 #多文件上传 #Express多文件上传 #nodejs #multer

本文介绍了如何使用Ajax配合后端Express框架和multer中间件实现多文件上传。在前端，通过Ajax进行文件上传并进行数据检查；在后端，配置multer中间件设置缓存路径并处理接收到的文件。

业务描述

某项目需要从一批shp文件，并从中提取信息。

前端页面

<form id="form1" action="#" method="POST" enctype="multipart/form-data">
  <div class="info">
	<label for="stage">期数</label>
	<input type="text" id="stage" name="stage"><br>
	<label for="time">时间</label>
	<input type="text" id="time" name="time"><br>
	<label for="annotation">annotation</label>
	<input type="text" id="annotation" value="month" name="annotation">
  </div>
  <div class="files">
	<label for="xzgd">新增供地</label>
	<input type="file" id="xzgdfile" name="xzgd" multiple="multiple"><br>
	<label for="xzpd">新增批地</label>
	<input type="file" id="xzpdfile" name="xzpd" multiple="multiple"><br>
	<label for="gewy">供而未用</label>
	<input type="file" id="gewyfile" name="gewy" multiple="multiple"><br>
	<l