使用node express框架实现文件的上传(代码示例)

如果下载的源码需要作者授权,请更换源码。本站免费分享资源不会增加授权

本篇文章给大家带来的内容是关于使用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>
本文由(壳先生)整理自网络,如转载请注明出处:https://www.mrshell.com;
本站发布的内容若侵犯到您的权益,请邮件联系 i@mrshell.com 删除,我们将及时处理!
===========================================================================

1. 本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行测试。
2. 本站资源仅供学习和交流使用,版权归资源原作者所有,请在下载后24小时之内自觉删除。
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
4. 若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,与本站无关。
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

=================================================================

壳先生 » 使用node express框架实现文件的上传(代码示例)

发表评论

提供最优质的资源集合

立即查看 了解详情