前段时间在做个人项目的时候，用到了nodejs服务端上传文件，现在回头把这个小结一下，作为记录。

本人上传文件时是基于express的multiparty，当然也可以使用connect-multiparty中间件实现，但官方似乎不推荐使用connect-multiparty中间件。废话不多说，下面看代码吧。

步骤：

（1）使用express创建项目，默认使用的是jade模板引擎，但是还是习惯于html,所以就改为html模板。

（2）在项目目录中，通过npm install multiparty进行安装必要组件。

（3）修改views/index.html，添加一个文件上传的form。

index.html

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><title>上传文件</title></head><body>

    上传文件

    <formmethod='post',action='/file/uploading',enctype='multipart/form-data'><inputtype="file"name="inputFile"><inputtype="submit"value="上传"></form></body></html>

（4）修改routes/index.js，实现上传页面和上传响应的后台代码。

var express = require('express');

var router = express.Router();

var multiparty = require('multiparty');

var util = require('util');

var fs = require('fs');

/* 上传页面. */

router.get('/', function(req, res, next) {//res.render('./views/index');

  res.sendfile('./views/index.html');

});

/* 上传 */

router.post('/file/uploading', function(req, res, next) {/* 生成multiparty对象，并配置上传目标路径 */var form = new multiparty.Form();

    /* 设置编辑 */

    form.encoding = 'utf-8';

    //设置文件存储路劲

    form.uploadDir = './public/files';

    //设置文件大小限制

    form.maxFilesSize = 2 * 1024 * 1024;

    // form.maxFields = 1000;   //设置所有文件的大小总和//上传后处理

    form.parse(req, function(err, fields, files) {var filesTemp = JSON.stringify(files, null, 2);

        if(err) {

            console.log('parse error:' + err);

        }else {

            console.log('parse files:' + filesTemp);

            var inputFile = files.inputFile[0];

            var uploadedPath = inputFile.path;

            var dstPath = './public/files' + inputFile.originalFilename;

            //重命名为真实文件名

            fs.rename(uploadedPath, dstPath, function(err) {if(err) {

                    console.log('rename error:' + err);

                }else {

                    console.log('rename ok');

                }

            })

        }

        res.writeHead(200, {'content-type': 'text/plain;charset=utf-8'});

        res.write('received upload:\n\n');

        res.end(util.inspect({fields: fields, files: filesTemp}))

    })

})

module.exports = router;

nodejs 文件上传服务端实现的更多相关文章

  1. PHP 文件上传服务端及客户端配置参数说明

    文件上传服务器端配置: ·file_uploads = On, 支持HTTP上传 ·upload_tmp_dir = , 临时文件保存的目录 ·upload_max_filesize=2M, 允许上传 ...

  2. 构建基于阿里云OSS文件上传服务

    转载请注明来源:http://blog.csdn.net/loongshawn/article/details/50710132 <构建基于阿里云OSS文件上传服务> <构建基于OS ...

  3. TCP客户端图片上传服务端保存本地示例

    //TCP客户端public class TCPClient { public static void main(String[] args)throws IOException { Socket s ...

  4. 记一次阿里云oss文件上传服务假死

    引言 记得以前刚开始学习web项目的时候,经常涉及到需要上传图片啥的,那时候都是把图片上传到当前项目文件夹下面,每次项目一重启图片就丢了.虽然可以通过修改/tomcat/conf/server.xml ...

  5. Java FtpClient 实现文件上传服务

    一.Ubuntu 安装 Vsftpd 服务 1.安装 sudo apt-get install vsftpd 2.添加用户(uftp) sudo useradd -d /home/uftp -s /b ...

  6. 在 .NET Core项目中使用UEditor图片、文件上传服务

    在.NET Framework中使用UEditor时,只需要将UEditor提供的后端服务,部署为一个子程序,即可直接使用文件上传相关的服务,但是UEditor官方并未提供.Net Core的项目,并 ...

  7. koa2实现文件上传服务

    使用方法 方法一: 使用中间介 koa-body 方法二: 自己写个借口去接收数据流并保存 方法三: 使用 koa-body 接受文件,自己写个接口做文件保存或处理等操作 这里简单记录方法三 app. ...

  8. 通过Fastdfs进行文件上传服务（文件和图片的统一处理）

    1.文件上传简单流程分析图: 2.Fastdfs介绍: Fastdfs由两个角色组成: Tracker(集群):调度(帮你找到有空闲的Storage) Storage(集群):文件存储(帮你保存文件或 ...

  9. 微信小程序开发之多图片上传+服务端接收

    前言: 业务需求,这次需要做一个小程序同时选中三张图片一起上传到服务端,后端使用的.NET WEBAPI接收数据保存. 使用技术: 在这章中将会使用到微信小程序wx.uploadFile(Object ...

随机推荐

  1. HDU ACM 8.13 T2 的 O(m)做法

    前言 由于本人比较拉所以看起来很啰嗦,将就看就好. 题目大意 \(n\)种包,每个包里面有一大一小两个球,选小球的代价是\(1\),大球的代价是\(2\),可以都不选,若一次性买两个包,则可以优惠\( ...

  2. .NET 微服务——CI/CD（3）：镜像自动分发

    如何通过Jenkins完成镜像分发?基本做法是:打包镜像→上传镜像到仓库→脚本分发.镜像仓库也有很多,比如docker hub.Harbor等,今天这一篇讲一下基于阿里云镜像仓库的操作. 首先,准备一 ...

  3. js 中&&的使用

    遇到下列代码goHome && (await router.replace(PageEnum.BASE_HOME)); &&这个逻辑与的作用是,当goHome为true ...

  4. hive 之 常用基本操作

    show databases; -- 查看所有数据库 use 数据库; -- 进入某个数据库 select current_database(); -- 查看当前使用的数据库 show tables; ...

  5. i++ 和 ++i 区别

    i++:是先把i拿出来使用,然后再+1: ++i :是先把i+1,然后再拿出来使用:

  6. javascript中new url()属性，轻松解析url地址

    1.首先写一个假的地址(q=URLUtils.searchParams&topic=api)相当于当前的window.location.href const urlParams = new U ...

  7. Linux上天之路（十二）之服务管理

    主要内容 服务介绍 独立服务 非独立服务 1. 服务介绍 服务:常驻在内存中的程序,且可以提供一些系统或网络功能,那就是服务. 计算机中的系统服务有很多,比如: apache提供web服务 ftp提供 ...

  8. Servlet简单实现开发部署过程

    注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6512008683445027331/ 主要是从下面三个步骤实现我们的预期: (1)构建开发环境: (2)开发Ser ...

  9. [CAN波形分析] 一次CAN波形分析之旅

    Prepare CAN通信协议使用了有一段时间了,但都是基于软件层面的使用,对于其波形不是很了解,正好这段时间比较闲,是时候补补硬知识. 开始之前,先介绍一下设备: 咸鱼淘来的古董级别示波器GDS-2 ...

  10. IE8中li添加float属性,中英数字混合BUG

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...