用formidable处理上传的文件 并更改文件名

用formidable处理上传的文件 并更改文件名

image.png

在Web开发中,文件上传也是一个非常常见、非常重要的功能。想象一下,你正要创建一个可以上传相册的程序,还要通过Web链接跟其他人分享你的照片。借助带文件上传控件的表单,用浏览器可以实现这个功能。formidable的流式解析器让它成为了处理文件上传的绝佳选择,也就是说它能随着数据块的上传接收它们,解析它们,并吐出特定的部分,就像我们之前提到的部分请求头和请求主体。这种方式不仅快,还不会因为需要大量缓冲而导致内存膨胀,即便像视频这种大型文件,也不会把进程压垮。

let http = require('http');
let formidable = require('formidable');
let util = require("util");
let fs = require("fs");
let sd = require("silly-datetime");
let path = require("path");
let server=http.createServer((req,res)=>{
    console.log(req.method);
    switch (req.method){
        case 'GET':
            show(req,res);
            break;
        case 'POST':
            upload(req, res);
            break;
    }
})
server.listen(32001)

function show(req,res) {
    //提供带有文件上传控件的HTML表单
    let html=`
<html>
<body>
 <form method="post" action="/" enctype="multipart/form-data">
        <p><input type="text" name="name"></p>
        <p><input type="file" name="file"></p>
        <p><input type="submit" value="Upload"></p>
</form>
</body>
</html> 
    `
    res.setHeader('Content-type', 'text/html');
    res.setHeader('Content-Length', Buffer.byteLength(html));
    res.end(html);
}

function upload(req,res) {
    if (!isFormData(req)){
        //在请求中的内容类型不对时返回400 Bad Request响应
        res.statusCode = 400;
        res.end('Bad Request');
        return;
    }

    let form = new formidable.IncomingForm();
    form.uploadDir = "./uploads";
    form.on('field',(field,value)=>{
        console.log(field);
        console.log(value);
    });
    form.on('file',(name,file)=>{
        console.log(name);
        console.log(file);
    });
    form.on('end',()=>{
        res.end('upload complete');
    })
    form.parse(req,(err,fields,files)=>{
        //重命名
        let ttt = sd.format(new Date(), 'YYYYMMDDHHmmss');
        let ran = parseInt(Math.random() * 89999 + 10000);
        let extname = path.extname(files.file.name);
        let oldpath=__dirname+'/'+files.file.path
        let newpath = __dirname + '/uploads/' + ttt + ran + extname;
        fs.rename(oldpath, newpath,function(err){
            if(err){
                throw Error("改名失败");
            }
        });
    });
}

//辅助函数isFormData()用String.indexOf()方法检查请求头中的Content-Type字段,断言它的值是以multipart/form-data开头的。
function isFormData(req) {
    let type = req.headers['content-type'] || '';
    return 0 === type.indexOf('multipart/form-data');
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,087评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,944评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 本文包括:1、文件上传概述2、利用 Commons-fileupload 组件实现文件上传3、核心API——Dis...
    廖少少阅读 12,644评论 5 91
  • 秋天又来了。说真的,我只感觉秋天很美,不觉得很悲哀,或是像刘禹锡说的那样。 现在,在脑海里想象: 一片金色的树林里...
    满天红尘阅读 534评论 1 2