node.js实现带进度条的多文件上传

2020-06-17 06:08:23易采站长站整理

})

app.post('/test', textParser, jsonParser, function (req, res) {
log(req.body);
var httpInfo = http.address();
res.send({
host: httpInfo.address,
port: httpInfo.port
})
})

// 对应前端的上传接口 http://127.0.0.1:3000/upload, upload.any() 过滤时不对文件列表格式做任何特殊处理
app.post('/upload', upload.any(), function (req, res) {
log(req.files)
res.send({message: '上传成功'})
})

// 监控 web 服务
var http = app.listen(3000, '127.0.0.1', function () {
var httpInfo = http.address();
log(`创建服务${chalk.green(httpInfo.address)}:${chalk.yellow(httpInfo.port)}成功`)
})

上传完毕后重新上传我没写动画重置,大家实际用的时候肯定是需要展示每个上传文件的,每次上传文件都对应着一个进度条,所以应该抽象为一个组件,至于组件的抽象我这就不详细写了,那个就很容易了。