您的位置:首页 > Web前端 > Node.js

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  node express javascript