nodejs上传图片demo

最新推荐文章于 2023-07-31 17:23:12 发布

qq_36179561

最新推荐文章于 2023-07-31 17:23:12 发布

阅读量248

点赞数

分类专栏： nodejs

本文链接：https://blog.csdn.net/qq_36179561/article/details/102677863

版权

nodejs 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、页面index.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>上传表单</title>
</head>
<body>
<h3>选择文件</h3>
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="image" size="50">
<br/>
<input type="submit" value="上传文件"/>
</form>
</body>
</html>

2、服务端:demo.js

var express=require('express');
var app=express();
var fs=require('fs');

var bodyParser=require('body-parser');
var multer=require('multer');

app.use('/public',express.static('public'));
app.use(bodyParser.urlencoded({ extended: false }));
app.use(multer({ dest: '/tmp/'}).array('image'));
app.get('/index.html',function(req,res){
	res.sendFile(__dirname+"/index.html");
})

app.post('/upload',function(req,res){
	var file=req.files[0];
	var desFile=__dirname+"/"+file.originalname;
	fs.readFile(file.path,function(err,data){
		fs.writeFile(desFile,data,function(err){
			if(err){
					console.log(err);
			}else{
				response={
				message:'upload file success',
					filename: file.originalname
				}
			}	
			console.log(response);
			res.end(JSON.stringify(response));
		})
	})
})

var server=app.listen(8081,function(){
	
})

3、cmd执行node demo.js，浏览器输入localhost:8081/index.html弹出如下页面：

4、选择文件点上传后返回结果如下：

5、过程中遇到的问题：获取不到上传的文件信息，req.files为空

原因：未设置这两行===》》url解析器和上传路径

app.use(bodyParser.urlencoded({ extended: false }));
app.use(multer({ dest: '/tmp/'}).array('image'));

qq_36179561

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
nodejs上传图片demo

1、页面index.html<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>上传表单</title></head><body><h3>选择文件</h3&...
复制链接

扫一扫

专栏目录