node express上传文件

最新推荐文章于 2024-05-17 06:14:56 发布

神奇大叔

最新推荐文章于 2024-05-17 06:14:56 发布

阅读量259

点赞数

分类专栏： node进阶文章标签： nodejs

本文链接：https://blog.csdn.net/weixin_43294560/article/details/104982989

版权

node进阶专栏收录该内容

11 篇文章 1 订阅

订阅专栏

1、安装
	cnpm install multer --save

2、引入
	var multer=require('multer');
	var fs=require('fs');

3、配置
	let upload= multer({dest:"./public/upload"})； 上传图片路径

4、上传单个文件
router.post('/',upload.single('表单input的name值'),(req,res,next)=>{

	//req.file为上传文件相关信息,上传文件后,文件的名称变成随机值无后缀名,所以要还原成以前的名字
	
	let oldpath=req.file.destination+'/'+req.file.filename;
	let newpath=req.file.destination+'/'+req.file.originalname;
	fs.rename(oldpath,newpath,()=>{
		console.log('重命名成功'+newpath);
	})
	
	//成功预览
	res.send(`<h1>上传成功</h1><img src="./upload/${req.file.originalname}"/>`);
})

5、修改表单的enctype="multipart/form-data"
	 定义上传类型为文件类型

multer使用limits配置信息
在这里插入图片描述文件上传类型信息
代码示例:
表单ejs:

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <h1>图片上传</h1>
    
    <!-- 需修改enctype="multipart/form-data" 定义上传类型为文件类型 -->
   	<form action="/users" method="post" enctype="multipart/form-data">
		<input type="file" name='imgfile'>
		<button type='submit'>上传</button>
   	</form>
   	
  </body>
</html>

路由:

ar express = require('express');
var router = express.Router();
var multer=require('multer');
var fs=require('fs');

//配置上传对象
let upload= multer({dest:"./public/upload"})

/* GET users listing. */
router.get('/', function(req, res, next) {
    res.render('upload.ejs');
});

//upload.single('input的name值'); 上传单个文件
router.post('/',upload.single('imgfile'),(req,res,next)=>{
	//req.file为上传文件相关信息,上传文件后,文件的名称变成随机值无后缀名,所以要还原成以前的名字
	console.log(req.file);
	let oldpath=req.file.destination+'/'+req.file.filename;
	let newpath=req.file.destination+'/'+req.file.originalname;
	fs.rename(oldpath,newpath,()=>{
		console.log('重命名成功'+newpath);
	})
	//成功预览
	res.send(`<h1>上传成功</h1><img src="./upload/${req.file.originalname}"/>`);
})




module.exports = router;

上传多个文件:
在这里插入图片描述

神奇大叔

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
node express上传文件

1、安装 cnpm install multer --save2、引入 var multer=require('multer'); var fs=require('fs');3、配置 let upload= multer({dest:"./public/upload"})；上传图片路径4、上传单个文件router.post('/',upload.single('表单inpu...
复制链接

扫一扫

专栏目录