nodeJS中express+busboy实现文件上传

1 篇文章 0 订阅
1 篇文章 0 订阅

目前正在观看教学视频学习express框架,其中有一节讲到了通过express+busboy实现文件上传功能,亲测代码可行,下面贴一段示例代码。

uoload.js:

let http = require('http');
let express = require('express');
let fs = require('fs');
let Busboy = require('busboy');

//分析express源码得出最后导出的是一个函数,所以需要加一个()
let app = express();

//创建一个http服务并且挂载到app上监听5000端口
http.createServer(app).listen(5000);

//使用express框架自带的static中间件,用来管理静态资源 
app.use('/', express.static(__dirname + '/public'));             

//上传文件必须是post方式并且需要指定上传的路径
app.post('/fileupload', function (req, res) {

//通过请求头信息创建busboy对象
let busboy = new Busboy({ headers: req.headers });

//将流链接到busboy对象
req.pipe(busboy);

//监听file事件获取文件(字段名,文件,文件名,传输编码,mime类型)
busboy.on('file', function (filedname, file, filename, encoding, mimetype) {
    //创建一个可写流
    let writeStream = fs.createWriteStream('./upload/' + filename);

    //监听data事件,接收传过来的文件,如果文件过大,此事件将会执行多次,此方法必须写在file方法里
    file.on('data', function (data) {
        writeStream.write(data);
    })

    //监听end事件,文件数据接收完毕,关闭这个可写流
    file.on('end', function (data) {
        writeStream.end();
    });
});

    //监听finish完成事件,完成后重定向到百度首页
    busboy.on('finish', function () {
        res.writeHead(303, { Connection: 'close', Location: 'http://www.baidu.com/' });
        res.end();
    });

});

跟upload.js同级的public文件夹下的upload.html:

 <form action="http://localhost:5000/fileupload" enctype="multipart/form-data" method="post">
    <input type="file" name="file" />
    <input type="submit"  value="提交">
 </form>

上传文件必须将格式指定为multipart/form-data,并且必须为post方法,这个时候访问localhost:5000/upload.html就可以了,上传成功后页面将会跳转至www.baidu.com,上传的文件会在upload文件夹下。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值