Node.js实现多图片上传
2016-09-12 08:55
579 查看
express.js
var express = require('express');
var fs=require('fs'); //文件操作
var app=express(); //创建web应用程序
var multer=require('multer'); //这是一个Node.js的中间件处理multipart/form-data
var upload=multer({dest:'./tmp'});
app.get('/index.html',function (req,res) {
res.sendfile(__dirname+'/index.html');
});
/*upload.array(fieldname[, maxCount])
.fields(fields)
[{name:'file1',maxCount:1},
{name:'file2',maxCount: 8 }]
*/
app.post('/addUserInfo', upload.array("file"), function(req, res, next){
if(req.files==undefined){
res.send("请选择要上传的图片...");
}else{
var str="文件上传成功...";
for(var i=0;i<req.files.length;i++){
var filepath = __dirname + "/tmp/" + req.files[i].originalname;
fs.renameSync(req.files[i].path,filepath);
}
res.send("上传的图片成功...");
}
});
app.listen(6666,"127.0.0.1");
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>上传文件</title>
</head>
<body>
<h1>使用multer中间件上传文件</h1>
<form enctype="multipart/form-data" method="post" action="addUserInfo">
请选择文件:<input type="file" id="file" name="file" multiple/><br/>
<input type="submit" value="上传文件"/>
</form>
</body>
</html>
var express = require('express');
var fs=require('fs'); //文件操作
var app=express(); //创建web应用程序
var multer=require('multer'); //这是一个Node.js的中间件处理multipart/form-data
var upload=multer({dest:'./tmp'});
app.get('/index.html',function (req,res) {
res.sendfile(__dirname+'/index.html');
});
/*upload.array(fieldname[, maxCount])
.fields(fields)
[{name:'file1',maxCount:1},
{name:'file2',maxCount: 8 }]
*/
app.post('/addUserInfo', upload.array("file"), function(req, res, next){
if(req.files==undefined){
res.send("请选择要上传的图片...");
}else{
var str="文件上传成功...";
for(var i=0;i<req.files.length;i++){
var filepath = __dirname + "/tmp/" + req.files[i].originalname;
fs.renameSync(req.files[i].path,filepath);
}
res.send("上传的图片成功...");
}
});
app.listen(6666,"127.0.0.1");
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>上传文件</title>
</head>
<body>
<h1>使用multer中间件上传文件</h1>
<form enctype="multipart/form-data" method="post" action="addUserInfo">
请选择文件:<input type="file" id="file" name="file" multiple/><br/>
<input type="submit" value="上传文件"/>
</form>
</body>
</html>
相关文章推荐
- React+react-dropzone+node.js实现图片上传的示例代码
- node.js实现多图片上传
- nodejs+express+ajax实现图片上传及显示
- node.js实现多图片上传实例
- 简单实现node.js图片上传
- node.js实现多图片上传实例
- node.js实现图片上传,且不接受其他形式的文件
- Nodejs+angularjs结合multiparty实现多图片上传的示例代码
- node.js中实现kindEditor图片上传功能的方法教程
- node.js实现多图片上传
- node.js+express 实现CSDN上传头像功能 (包含图片的缩放,生成头像缩略图)
- angular+nodejs+multer实现图片上传
- js实现上传时图片的预览
- 【原创】C#+JS 实现动态增减图片上传框
- 终于搞定使用node.js +redis 作为服务端,提供图片上传存储服务
- [转]很简单的JS实现上传前预览图片(兼容IE8)
- JS实现图片待上传预览
- asp.net+js实现上传图片即时预览
- node.js+android(使用HttpURLConnection和HttpClient)实现文件上传
- js 实现在页面实现上传图片的预览,并判断大小