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实现的一个静态服务器实例
Dec 06 NodeJs
nodejs实现HTTPS发起POST请求
Apr 23 NodeJs
初探nodeJS
Jan 24 NodeJs
nodejs中全局变量的实例解析
Mar 07 NodeJs
docker中编译nodejs并使用nginx启动
Jun 23 NodeJs
NodeJS自定义模块写法(详解)
Jun 27 NodeJs
nodejs 搭建简易服务器的图文教程(推荐)
Jul 18 NodeJs
nodejs动态创建二维码的方法
Aug 12 NodeJs
Nodejs 复制文件/文件夹的方法
Aug 24 NodeJs
基于nodejs实现微信支付功能
Dec 20 NodeJs
nodejs使用async模块同步执行的方法
Mar 02 NodeJs
nodejs处理tcp连接的核心流程
Feb 26 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
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
PR值查询 | PageRank 查询
2006/12/20 PHP
php session处理的定制
2009/03/16 PHP
通过PHP CLI实现简单的数据库实时监控调度
2009/07/01 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
thinkPHP+ajax实现统计页面pv浏览量的方法
2017/03/15 PHP
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
js实现的二分查找算法实例
2016/01/21 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
javascript内存分配原理实例分析
2017/04/10 Javascript
JavaScript定义函数的三种实现方法
2017/09/23 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
2017/10/25 Javascript
解决vue处理axios post请求传参的问题
2018/03/05 Javascript
js 图片转base64的方式(两种)
2018/04/24 Javascript
Vue 列表上下过渡效果的实例代码
2019/06/25 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
js实现点赞效果
2020/03/16 Javascript
JavaScript DOM常用操作代码汇总
2020/07/03 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
vant中的toast轻提示实现代码
2020/11/04 Javascript
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
python打印异常信息的两种实现方式
2019/12/24 Python
pytorch forward两个参数实例
2020/01/17 Python
pandas抽取行列数据的几种方法
2020/12/13 Python
python opencv肤色检测的实现示例
2020/12/21 Python
美国在线鲜花速递:ProFlowers
2017/01/05 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
Java如何支持I18N?
2016/10/31 面试题
幼儿园教师个人反思
2014/01/30 职场文书
房产转让协议书
2014/04/11 职场文书
法院答辩状格式
2015/05/22 职场文书
使用pandas模块实现数据的标准化操作
2021/05/14 Python
MySQL系列之二 多实例配置
2021/07/02 MySQL
详解SQL的窗口函数
2022/04/21 Oracle