nodejs使用multer与multipary完成单文件多文件上传

最新推荐文章于 2023-11-28 03:22:27 发布

烂不烂问厨房

最新推荐文章于 2023-11-28 03:22:27 发布

阅读量727

点赞数

文章标签： upload nodejs

本文链接：https://blog.csdn.net/weixin_44294359/article/details/113401160

版权

一个基本的单文件多文件的上传示例

upload.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p>nodejs使用multer与multipary完成单文件多文件上传示例</p>
    <form action="/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="img">
        <input type="submit" value="单文件上传">
    </form>
    <form action="/upload2" enctype="multipart/form-data" method="post">
        <!-- 注意，name一定要有，name值随意，如果没有，multipary拿不到上传文件，这是跟multer一个很大的区别
        multer的name是要跟后台的multer.single('name')一一对应，multipary虽然不用通过name获取文件，但是
        multiparty的files对象的fieldName会等于name,如果没拿到name整个files为空！
        -->
        <input type="file" multiple="multiple" name="random">
        <input type="submit" value="多文件上传" >
    </form>
</body>
</html>

uploadApp.js文件

var express = require('express');
var app = express();
var multer = require('multer');
var multiparty = require('multiparty');
var port = 9527;
var absUrl = 'C:/services/uploadCase/'; //网站根目录
var uploadDir = './files/'; //上传到哪里
app.use(express.static(absUrl));

var storage = multer.diskStorage({
    //设置上传后文件路径，uploads文件夹需要手动创建！！！
    destination: function (req, file, cb) {
        cb(null, uploadDir);
    },
    //给上传文件重命名，获取添加后缀名
    filename: function (req, file, cb) {
        cb(null, file.originalname);
    }
});
//添加配置文件到muler对象。
var upload = multer({
    storage: storage
});
// 单文件上传

app.post('/upload', upload.single('img'), function (req, res) {
    res.send('upload ok!');
});

// 多文件上传
app.post('/upload2', function (req, res) {
    console.log('多文件上传');
    var form = new multiparty.Form({uploadDir: uploadDir});
 
    form.parse(req, function(err, fields, files) {
        console.log('files:',files)
        res.send('upload ok!');
    });
 
    return;
});

app.listen(port, function () {
    console.log(`监听中~，访问：localhost:${port}/你的网页.html`)
});

目录结构：
在这里插入图片描述

烂不烂问厨房

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
nodejs使用multer与multipary完成单文件多文件上传

一个基本的单文件多文件的上传示例upload.html文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head>
复制链接

扫一扫