nodejs实现文件上传

前段时间在做个人项目的时候，用到了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:\n\n');res.end(util.inspect({fields: fields, files: filesTemp}))})
})module.exports = router;

nodejs实现文件上传相关推荐

nodejs+multiparty 文件上传
通过表单提交上传文件: html代码 <form action="/uploadFile" method="post" enctype=" ...
nodeJs实现文件上传，下载，删除
转:https://blog.csdn.net/qq_36228442/article/details/81709272 一.简介本文介绍了nodeJs+express框架下,用multer中间件实 ...
nodejs multiparty 文件上传
var multiparty = require('multiparty'); function fileUpload(req,res) { //生成multiparty对象, ...
nodejs文件服务器断点续传,基于Nodejs的大文件上传之断点续传
接着<扒一扒Nodejs formidable的onPart>和<也说文件上传之兼容IE789的进度条---丢掉flash>:前面已完成兼容IE789的大文件上传:无flash ...
axios nodejs 上传图片_Vue Axios跨域、文件上传
本文以vue-cli中使用axios为例安装 npm install --save axios 引用(注册到VUE实例中) import Vue from 'vue' import Axios fr ...
nodejs ajax进度条,Ajax异步文件上传与NodeJS express服务端处理的示例分析
Ajax异步文件上传与NodeJS express服务端处理的示例分析发布时间:2021-07-24 11:17:21 来源:亿速云阅读:79 作者:小新这篇文章主要介绍Ajax异步文件上传与N ...
【转】NodeJS教程--基于ExpressJS框架的文件上传
本文是翻译的一篇文章,原文地址:Handle File Uploads in Express (Node.js). 在NodeJS发展早期上传文件是一个较难操作的功能,随后出现了formidable. ...
Html5+NodeJS——拖拽多个文件上传到服务器
实现多文件拖拽上传的简易Node项目,可以在github上下载,你可以先下载下来:https://github.com/Johnharvy/upLoadFiles/. 解开下载下的zip格式包,建议用 ...
Nodejs基于express+multer的文件上传
概览图片上传是web开发中经常用到的功能,node社区在这方面也有了相对完善的支持. 常用的开源组件有multer.formidable等,借助这两个开源组件,可以轻松搞定图片上传. 本文主要讲解以 ...

nodejs实现文件上传

步骤：

nodejs实现文件上传相关推荐

最新文章

热门文章