前端传file文件 后端接受并取文件数据入库
时间: 2023-12-01 15:02:26 浏览: 32
前端传file文件可以使用HTML5中的`<input type="file">`标签,后端可以使用Node.js中的`express`框架来接收文件数据并将其存入数据库中。
首先,在前端页面中创建一个表单,包含一个文件上传的输入框:
```html
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="Upload">
</form>
```
然后,在后端使用`multer`中间件处理文件上传,并将文件数据存入数据库:
```javascript
const express = require('express');
const multer = require('multer');
const app = express();
// 配置multer中间件
const upload = multer({
dest: 'uploads/' // 上传文件的存储目录
});
// 处理文件上传请求
app.post('/upload', upload.single('file'), (req, res) => {
const fileData = req.file; // 获取上传的文件数据
// 将文件数据存入数据库
// ...
res.send('File uploaded successfully');
});
app.listen(3000, () => console.log('Server started on port 3000'));
```
在`upload.single()`方法中传入`file`参数,表示只处理上传的单个文件。然后在回调函数中获取上传的文件数据,可以将其存入数据库中。