虚位以待(AD)
虚位以待(AD)
首页 > 网页特效 > JavaScript > nodejs基于express实现文件上传的方法

nodejs基于express实现文件上传的方法
类别:JavaScript   作者:码皇   来源:互联网   点击:

这篇文章主要介绍了nodejs基于express实现文件上传的方法,结合实例形式分析了nodejs基于express框架实现文件上传功能的具体步骤与相关操作技巧,需要的朋友可以参考下

本文实例讲述了nodejs基于express实现文件上传的方法。分享给大家供大家参考,具体如下:

前段时间在做个人项目的时候,用到了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><html lang="en"><head> <meta charset="UTF-8"> <title>上传文件</title></head><body> 上传文件 <form method='post', action='/file/uploading', enctype='multipart/form-data'> <input type="file" name="inputFile"> <input type="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:nn');
    res.end(util.inspect({
    fields: fields, files: filesTemp}
    )) }
    )}
    )module.exports = router;

希望本文所述对大家nodejs程序设计有所帮助。

您可能感兴趣的文章:

  • 基于nodejs+express(4.x+)实现文件上传功能
  • nodejs+express实现文件上传下载管理网站
  • Nodejs进阶:基于express+multer的文件上传实例
  • Ajax异步文件上传与NodeJS express服务端处理
  • 使用nodejs+express实现简单的文件上传功能
  • express文件上传中间件Multer详解
  • NodeJS使用formidable实现文件上传
  • NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法
  • nodejs multer实现文件上传与下载
  • Nodejs实现文件上传的示例代码
相关热词搜索: nodejs express 文件上传