• nodejs 接收上传的图片


    1.nodejs接收上传的图片主要是使用formidable模块,服务器是使用的express搭建。

    引入formidable

    var formidable = require('./node_modules/formidable');

    拦截请求,设置formidable的常规项

    app.post("/image",function (req,res) {
        var form = new formidable.IncomingForm();
        form.encoding = 'utf-8';
        form.uploadDir = path.join(__dirname + "/../page/upload");
        form.keepExtensions = true;//保留后缀
        form.maxFieldsSize = 2 * 1024 * 1024;
    
    });

    解析图片,重命名图片名称,返回给前端

     //处理图片
        form.parse(req, function (err, fields, files){
            console.log(files.the_file);
            var filename = files.the_file.name
            var nameArray = filename.split('.');
            var type = nameArray[nameArray.length - 1];
            var name = '';
            for (var i = 0; i < nameArray.length - 1; i++) {
                name = name + nameArray[i];
            }
            var date = new Date();
            var time = '_' + date.getFullYear() + "_" + date.getMonth() + "_" + date.getDay() + "_" + date.getHours() + "_" + date.getMinutes();
            var avatarName = name + time + '.' + type;
            var newPath = form.uploadDir + "/" + avatarName;
            fs.renameSync(files.the_file.path, newPath);  //重命名
            res.send({data:"/upload/"+avatarName})
        })

    完整代码如下

    var path = require("path");
    var fs = require("fs");
    var express =require("./node_modules/express");
    var app=express();
    var bodyParser = require('./node_modules/body-parser');
    var formidable = require('./node_modules/formidable');
    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({extended: true}));
    app.use(express.static(__dirname + "./../page"));
    app.listen("8083",function () {
        console.log("服务启动")
    });
    //拦截请求
    app.post("/image",function (req,res) {
        var form = new formidable.IncomingForm();
        form.encoding = 'utf-8';
        form.uploadDir = path.join(__dirname + "/../page/upload");
        form.keepExtensions = true;//保留后缀
        form.maxFieldsSize = 2 * 1024 * 1024;
        //处理图片
        form.parse(req, function (err, fields, files){
            console.log(files.the_file);
            var filename = files.the_file.name
            var nameArray = filename.split('.');
            var type = nameArray[nameArray.length - 1];
            var name = '';
            for (var i = 0; i < nameArray.length - 1; i++) {
                name = name + nameArray[i];
            }
            var date = new Date();
            var time = '_' + date.getFullYear() + "_" + date.getMonth() + "_" + date.getDay() + "_" + date.getHours() + "_" + date.getMinutes();
            var avatarName = name + time + '.' + type;
            var newPath = form.uploadDir + "/" + avatarName;
            fs.renameSync(files.the_file.path, newPath);  //重命名
            res.send({data:"/upload/"+avatarName})
        })
    });
    完整代码
  • 相关阅读:
    开源软件架构总结之——Bash(readline做输入交互式,词法语法分析,进程交互)
    python——使用readline库实现tab自动补全
    声明式编程——抽象程度更高,关注是什么(what),而非如何做(how)
    splunk rest api search
    Elasticsearch单机下多实例配置
    splunk 通过rest http导入数据
    vnc xfce tab自动补全失效的解决方法
    止增笑耳星际前传
    [WPF]静态资源(StaticResource)和动态资源(DynamicResource)
    【 D3.js 入门系列 --- 3 】 做一个简单的图表!
  • 原文地址:https://www.cnblogs.com/heihei-haha/p/7884542.html
Copyright © 2020-2023  润新知