upload多文件上传
时间: 2023-08-05 21:58:50 浏览: 41
多文件上传指的是同时上传多个文件的功能。要实现多文件上传,可以使用HTML中的<input type="file" multiple>标签,结合后端的处理逻辑来完成。
首先,在HTML中,使用<input type="file" multiple>标签来创建多文件选择框:
```html
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="files[]" multiple>
<input type="submit" value="上传">
</form>
```
在表单中,设置input标签的multiple属性为true,name属性设置为一个数组(以方便后端处理多个文件)。
然后,在后端代码中,根据具体的编程语言和框架,来处理上传的文件。以下是一个示例的Node.js代码:
```javascript
const express = require('express');
const multer = require('multer');
const app = express();
const upload = multer({ dest: 'uploads/' });
app.post('/upload', upload.array('files[]'), (req, res) => {
// 处理上传的文件
// req.files 包含了上传的文件信息
res.send('文件上传成功');
});
app.listen(3000, () => {
console.log('服务器已启动');
});
```
在上述代码中,使用multer中间件来处理文件上传。通过upload.array()方法指定表单中files[]字段的名称,同时也可以设置上传文件存储的目录(这里设置为'uploads/')。
通过以上代码,你就可以实现多文件上传的功能了。当你选择多个文件后,点击提交按钮,这些文件将会被上传到服务器端的指定目录中。