NodeJs form-data格式传输文件的方法


Posted in NodeJs onDecember 13, 2017

本文介绍了Node Js 使用KOA处理form-data格式传输过来的文件,分享给大家。具体如下:

使用koa有一段时间了,评价是小巧精悍,只封装了基本的如request对象和response对象到上下文中,其他功能基本上靠第三方中间件来实现。导致的问题是使用起来就不太方便了,比如用koa上传文件,网上资料有限,对于小白而言,文件上传操作就困难多了。

form表单上传文件流程(PHP和node js)

文件上传操作原理

form表单【注意:enctype=”multipart/form-data”】上传文件时,首先会将文件上传到你本机的temp目录,然后执行move_upload_file(tmpfile,newfile);然后node会不会是这样呢?答案是确定的,上传文件大家都是一样的思路。

//var tmpath = path.join(os.tmpdir(), '1.txt');//模拟上传到临时目录的文件 
  //console.log(tmpath); 
  //var ext = ".txt";//上传后生成文件的后缀,一般和上传的文件后缀一致 
  //var ph = path.join('public/upload', Date.parse(new Date()).toString() + ext);//生成新的上传文件路径全称 
  //console.log(ph); 
  //var stream = fs.createWriteStream(ph);//创建一个可写流 
  //fs.createReadStream(tmpath).pipe(stream);//可读流通过管道写入可写流

然后分析了下上面代码:

fs.createWriteStream(path.join(os.tmpdir(), Math.random().toString()));

这里创建一个可写的流对象,即创建一个表单上传后移动到新目录的空文件;而os.tmpDir()刚好是本机临时目录,上面代码表示在临时目录下生成一个随机数空文件;

part.pipe(stream);

上面的代码表示将可读流对象内容写入到可写的流对象,即上面生成的临时文件下的文件;part是将request里面的文件对象解析成可读流。

然后koa文件上传原理就清楚了。通过表单上传文件,文件默认会存放到本机临时目录下生成一个临时文件。然后通过流的形式,打开这个临时文件将数据写入到一个新地址的可写文件流里面,前提是要提前创建这个空的可写流文件,即我们上传目标文件。

KOA2解析传输过来的post form-data信息

const Koa = require('koa');
const app = new Koa();
const bodyParser = require('koa-bodyparser');
const koaBody = require('koa-body');
const router = require('./router');
// 输出请求路径,每次请求都会输出
app.use(async (ctx, next) => {
console.log(`Process ${ctx.request.method} ${ctx.request.url}...`);
await next();
});
// 文件上传,注意书写的位置很重要,否则无法上传
app.use(koaBody({ multipart: true }));
// 解析请求体
app.use(bodyParser());
// 使用路由
app.use(router());
app.listen(3000);
console.log('app started at port 3000...');

总结一下的话,就是前端用form传递文件,bodyParse解析出这个form,对应的字段是ctx.request.body.files.字段名称(eg: abc),最后通过拷贝临时的数据文件来达到上传存储的目的。

bodyParse解析出的格式:

{ fields: { aaa: '123345' },    //Text类型的解析到fields中
 files:              //File类型的解析到files中
  { 
   abc: 
   File {
    domain: null,
    _events: {},
    _eventsCount: 0,
    _maxListeners: undefined,
    size: 12525,
    path: 'C:\\Users\\DANNYJ~1\\AppData\\Local\\Temp\\upload_d896dcc755fcd36156c6814aafb7685e',
    name: 'bamboo5.png',
    type: 'image/png',
    hash: null,
    lastModifiedDate: 2017-12-08T10:17:04.355Z,
    _writeStream: [Object] } 
   } 
}

KOA2将POST传过来的文件存储到本地

var file = ctx.request.body.files.abc  //传输文件的name是abc
  console.log(ctx.request.body)
  var tmpath= file['path'];
  var tmparr =file['name'].split('.');
  var ext ='.'+tmparr[tmparr.length-1];
  var newpath =path.join('./', parseInt(Math.random()*100) + Date.parse(new Date()).toString() + ext);
  console.log(tmpath);
  console.log(newpath);
  var stream = fs.createWriteStream(newpath);//创建一个可写流
  fs.createReadStream(tmpath).pipe(stream);//可读流通过管道写入可写流

然后就会发现项目当前目录下面就会多出上传的文件了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

NodeJs 相关文章推荐
NodeJS与Mysql的交互示例代码
Aug 18 NodeJs
NodeJS Express框架中处理404页面一个方式
May 28 NodeJs
进阶之初探nodeJS
Jan 24 NodeJs
详解nodejs中的process进程
Mar 19 NodeJs
NodeJs安装npm包一直失败的解决方法
Apr 28 NodeJs
nodejs中sleep功能实现暂停几秒的方法
Jul 12 NodeJs
nodejs简单实现TCP服务器端和客户端的聊天功能示例
Jan 04 NodeJs
nodejs用gulp管理前端文件方法
Jun 24 NodeJs
nodejs微信开发之接入指南
Mar 17 NodeJs
nodejs log4js 使用详解
May 31 NodeJs
监控Nodejs的性能实例代码
Jul 02 NodeJs
在NodeJs中使用node-schedule增加定时器任务的方法
Jun 08 NodeJs
nodejs实现截取上传视频中一帧作为预览图片
Dec 10 #NodeJs
nodejs实现大文件(在线视频)的读取
Oct 16 #NodeJs
nodejs发送http请求时遇到404长时间未响应的解决方法
Dec 10 #NodeJs
NodeJs实现定时任务的示例代码
Dec 05 #NodeJs
windows系统下更新nodejs版本的方案
Nov 24 #NodeJs
nodejs项目windows下开机自启动的方法
Nov 22 #NodeJs
使用nodeJs来安装less及编译less文件为css文件的方法
Nov 20 #NodeJs
You might like
十天学会php(1)
2006/10/09 PHP
PHP5中虚函数的实现方法分享
2011/04/20 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
jQuery 美元符冲突的解决方法
2010/03/28 Javascript
jQuery.extend()的实现方式详解及实例
2013/06/29 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
2015/03/09 Javascript
基于ajax实现文件上传并显示进度条
2015/08/03 Javascript
jquery html5 视频播放控制代码
2016/11/06 Javascript
JavaScript实现图片轮播组件代码示例
2016/11/22 Javascript
js时间戳格式化成日期格式的多种方法介绍
2017/02/16 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
bootstrap是什么_动力节点Java学院整理
2017/07/14 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
2017/11/10 Javascript
webpack之devtool详解
2018/02/10 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
2019/05/17 Javascript
送你43道JS面试题(收藏)
2019/06/17 Javascript
js实现随机数小游戏
2019/06/28 Javascript
简单使用webpack打包文件的实现
2019/10/29 Javascript
使用Python抓取模板之家的CSS模板
2015/03/16 Python
Python简单生成随机数的方法示例
2018/03/31 Python
Python使用pyserial进行串口通信的实例
2019/07/02 Python
Python中turtle库的使用实例
2019/09/09 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
python os.listdir()乱码解决方案
2021/01/31 Python
怎样写好创业计划书的内容
2014/02/06 职场文书
竞聘书模板
2014/03/31 职场文书
二手房购房意向书范本
2014/04/01 职场文书
借款协议书范本
2014/04/22 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
土地租赁协议书
2015/01/29 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
为Java项目添加Redis缓存的方法
2021/05/18 Redis