zoukankan      html  css  js  c++  java
  • 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})
        })
    });
    完整代码
  • 相关阅读:
    向量
    3D坐标系
    Unity坐标系详解
    5G 系统流程系列:AF 的 Traffic Routing Control 以及 UP 路径管理增强
    Git 合并冲突
    撤销 git commit
    Redis NoSQL
    Netflow/IPFIX 流量收集与分析
    Nokia 5GC 产品概览
    通过 OpenAPI 部署 Npcf_PolicyAuthorization-PostAppSessions API Service
  • 原文地址:https://www.cnblogs.com/heihei-haha/p/7884542.html
Copyright © 2011-2022 走看看