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

最新推荐文章于 2023-12-07 09:07:16 发布

cellinlab

最新推荐文章于 2023-12-07 09:07:16 发布

阅读量650

点赞数

CC 4.0 BY-SA版权

分类专栏：日常积累 JavaScript 文章标签： ajax上传文件多文件上传 Express多文件上传 nodejs multer

本文链接：https://blog.youkuaiyun.com/funkstill/article/details/104015439

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

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

业务描述

某项目需要从一批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