时间:2021-07-01 10:21:17 帮助过:12人阅读
本篇文章给大家带来的内容是关于使用node express框架实现文件的上传(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
本文主要采用node express框架实现,模板引擎用的是EJS
这是app.js文件
const express = require('express'); const cookieParser = require('cookie-parser'); const sessionParser = require('cookie-session'); const consolidate = require('consolidate'); const path = require('path'); const bodyParser = require('body-parser'); const multer = require('multer'); const fs = require('fs'); var app = express(); //配置模板引擎 app.set('view engine', 'html'); app.set('views', path.join(__dirname, 'views')); app.engine('html', consolidate.ejs); //解析cookie app.use(cookieParser('sdadadasdasdasdas21312')); //解析session var keyArr = []; for(var i = 0;i<100000;i++){ keyArr.push('keys_'+ Math.random()); } app.use(sessionParser({name:'index_id', keys:keyArr, maxAge:3600*60*20})) //解析post数据 app.use(bodyParser.urlencoded({extended:false})); //解析post文件 var objMulter = multer({dest:'./public/upload'}) app.use(objMulter.any()); //转发静态资源 app.use('/satic', express.static(path.join('public'))); //返回主页 app.get('/', (req, res) => { console.log(req.query, req.body, req.cookies, req.session) res.render('index',{name:'index'}); }) /* [ { fieldname: 'file', originalname: 'back.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: './public/upload', filename: '6c863b25d379a6f9d61e2495c2e03206', path: 'public\\upload\\6c863b25d379a6f9d61e2495c2e03206', size: 43300 } ] */ //上传文件 app.use('/file', (req, res) => { var oldName = req.files[0].path; var newName = oldName + path.parse(req.files[0].originalname).ext; //console.log("ext",path.parse(req.files[0].origial).ext) fs.rename(oldName, newName, (err) => { if(err){ res.send('err'); }else{ res.send('success'); } }) }) //监听端口 var server = app.listen('8000', function (req, res) { var port = server.address().port; console.log('success in port:' + port); })
这是form.html文件
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>首页</title> <style> .container{ height: 400px; width: 400px; background-color: gainsboro; } </style> </head> <body> <span>这是<%=name%>页面</span> <form action="/file" method="POST" enctype="multipart/form-data"> <div> <input type="file" name="file"> <button type="submit" id="upload">上传</button> </div> </form> </body> </html>
以上就是使用node express框架实现文件的上传(代码示例)的详细内容,更多请关注Gxl网其它相关文章!