nodejs文件下载及上传

index

nodejs文件下载及上传 __veblen

1.文件下载

我们知道在html5中可以以a标签的形式轻松实现文件下载,如下:

<a href="test.zip" download>下载文件</a>

但是这种做法的不足在于,对于.html/.txt/ .jpg等文件,有些浏览器会直接打开,所以考虑浏览器差异,需要谋求更通用的一种方式。

nodejs下载文件方式为,设置响应头,文件传输方式分为两种:

1.1 直接读取文件
fs.readFile(filePath, function(isErr, data){  
       if (isErr) {  
              res.end("Read file failed!");  
              return;  
        }  
        res.writeHead(200,{  
              'Content-Type': 'application/octet-stream', //告诉浏览器这是一个二进制文件  
              'Content-Disposition': 'attachment; filename=' + fileName, //告诉浏览器这是一个需要下载的文件  
        });  
        res.end(data)  
})

1.2 stream
res.writeHead(200,{  
              'Content-Type': 'application/octet-stream', //告诉浏览器这是一个二进制文件  
              'Content-Disposition': 'attachment; filename=' + fileName, //告诉浏览器这是一个需要下载的文件  
});  
fs.createReadStream(filePath).pipe(res);

2.文件上传

使用formidable模块

var http = require("http");
var formidable = require('formidable');
var fs = require("fs");
var util = require("util");
var sd = require("silly-datetime");
var path = require("path");

//创建服务器
var server = http.createServer(function(req,res){
    //如果你的访问地址是这个,并且请求类型是post
    if(req.url == "/uploads" && req.method.toLowerCase() == "post"){
        //Creates a new incoming form.
        var form = new formidable.IncomingForm();
        //设置文件上传存放地址
        form.uploadDir = "./uploads";
        //执行里面的回调函数的时候,表单已经全部接收完毕了。
        form.parse(req, function(err, fields, files) {
            //使用第三方模块silly-datetime
            var t = sd.format(new Date(),'YYYYMMDDHHmmss');
            //生成随机数
            var ran = parseInt(Math.random() * 8999 +10000);
            //拿到扩展名
            var extname = path.extname(files.tupian.name);
            //旧的路径
            var oldpath = __dirname + "/" + files.tupian.path;
            //新的路径
            var newpath = __dirname + '/uploads/'+t+ran+extname;
            //改名
            fs.rename(oldpath,newpath,function (err) {
                if(err){
                    throw  Error("改名失败");
                }
                res.writeHead(200, {'content-type': 'text/plain'});
                res.end("成功");
            });

            //所有的文本域、单选框,都在fields存放;
            //所有的文件域,files
            res.writeHead(200, {'content-type': 'text/plain'});

            res.end("success");
        });
    }
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.文件下载 我们知道在html5中可以以a标签的形式轻松实现文件下载,如下: 但是这种做法的不足在于,对于.ht...
    Veb阅读 4,051评论 2 6
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,256评论 19 139
  • 本文包括:1、文件上传概述2、利用 Commons-fileupload 组件实现文件上传3、核心API——Dis...
    廖少少阅读 12,668评论 5 91
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,907评论 1 45
  • 日期:2018年6月26日 15:43 编号:2018057 主题:感恩 1.今天为什么想谈这个话题? 2.什么是...
    邢闪硕shiny阅读 177评论 0 0