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})
        })
    });
    完整代码
  • 相关阅读:
    vue.js---利用vue cli脚手架工具+webpack创建项目遇到的坑
    List<KeyValuePair<TKey,TValue>> 与 Dictionary<TKey,TValue> 不同
    StackExchange.Redis 官方文档(一) Basics
    离线安装chrome插件
    Cocoapods的安装与使用
    多线程
    作业二:个人编程项目——编写一个能自动生成小学四则运算题目的程序
    初学者如何在博客园发布博客
    作业一:建立博客、自我介绍、速读教材、学习进度总结
    计科131同学们的博客
  • 原文地址:https://www.cnblogs.com/heihei-haha/p/7884542.html
Copyright © 2011-2022 走看看