前端Node实现简易的文件上传下载
前端小学生OvO 人气:0
https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/# 前端代码
文件名：register.html
```html
点我下载
```
https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/#https://m.cnblogs.com/533299/# NodeJS代码
下载所需要的模块
```
npm install express
npm install multer
```
```js
var express = require('express');
var url = require('url');
var fs = require('fs');
var multer = require('multer'); //处理上传的文件模块
var app = new express();
var uploadSingle = multer({dest: './uploadFile/'}); /https://img.qb5200.com/download-x/dest: 配置默认上传之后存储的文件夹
//这个返回的前端代码页面
app.get('/login',function (req,resp) {
var loginhtml = fs.readFileSync('./register.html');
resp.end(loginhtml);
})
//处理多张图片上传的时候，用uploadSingle.array('img),则request.file得到的是一个数组
//single里面的'img'要与前端上传时的name属性的值一致
app.post('/imgData',uploadSingle.single('img'),function (request,response) {
// 上传之后会自动保存到定义的文件夹下，一些相关信息在request.file当中
var path = request.file.path;
// ...存储到数据库等操作，把得到的存储地址返回给前端，用于后面前端好发送请求读取数据
})
app.get('/getImgData',function (request,response) {
//得到前端传递过来的要读取的文件的路径
var path = url.parse(request.url,true).query;
try {
var data = fs.readFileSync(path);
//返回读取到的数据
}catch(e) {
//读取发生错误。。
}
})
app.listen(8081,function () {
console.log('服务已启动');
})
```
加载全部内容