节点/快速文件上传
我正在使用节点v0.10.26并表示v4.2.0，而我对节点还很新。在过去三个多小时的时间里，我一直在想着要在节点上使用文件上传表单，这是我的头。在这一点上，我只是试图让req.files不返回未定义。我的观点看起来像这样
<!DOCTYPE html>
<html>
<head>
<title>{{ title }}</title>
<link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<h1>{{ title }}</h1>
<p>Welcome to {{ title }}</p>
<form method='post' action='upload' enctype="multipart/form-data">
<input type='file' name='fileUploaded'>
<input type='submit'>
</form>
</body>
</html>
这是我的路线
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res) {
res.render('index', { title: 'Express' });
});
router.post('/upload', function(req, res){
console.log(req.files);
});
module.exports = router;
这是我的app.js
var express = require('express');
var path = require('path');
var favicon = require('static-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var routes = require('./routes/index');
var users = require('./routes/users');
var app = express();
// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hjs');
app.use(favicon());
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded());
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', routes);
app.use('/users', users);
/// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
/// error handlers
// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: err
});
});
}
// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: {}
});
});
module.exports = app;
我看到了其中包含的内容methodOverride()，bodyParser({keepExtensions:true,uploadDir:path})应该可以提供帮助，但是如果添加这些行，我什至无法启动服务器。
问题答案：
ExpressJS问题：
大多数中间件已从express
4中删除。签出：http :
//www.github.com/senchalabs/connect#middleware
对于多部分中间件，如busboy，busboy-connect，强大，流程，parted是必需的。
此示例使用 connect-busboy 中间件工作。创建/ img和/ public文件夹。
使用文件夹结构：
\ server.js
\ img \“资料上传到的位置”
\ public \ index.html
SERVER.JS
var express = require('express'); //Express Web Server
var busboy = require('connect-busboy'); //middleware for form/file upload
var path = require('path'); //used for file path
var fs = require('fs-extra'); //File System - for file manipulation
var app = express();
app.use(busboy());
app.use(express.static(path.join(__dirname, 'public')));
/* ==========================================================
Create a Route (/upload) to handle the Form submission
(handle POST requests to /upload)
Express v4 Route definition
============================================================ */
app.route('/upload')
.post(function (req, res, next) {
var fstream;
req.pipe(req.busboy);
req.busboy.on('file', function (fieldname, file, filename) {
console.log("Uploading: " + filename);
//Path where image will be uploaded
fstream = fs.createWriteStream(__dirname + '/img/' + filename);
file.pipe(fstream);
fstream.on('close', function () {
console.log("Upload Finished of " + filename);
res.redirect('back'); //where to go next
});
});
});
var server = app.listen(3030, function() {
console.log('Listening on port %d', server.address().port);
});
INDEX.HTML
<!DOCTYPE html>
<html lang="en" ng-app="APP">
<head>
<meta charset="UTF-8">
<title>angular file upload</title>
</head>
<body>
<form method='post' action='upload' enctype="multipart/form-data">
<input type='file' name='fileUploaded'>
<input type='submit'>
</body>
</html>
以下将适用于强大的 SERVER.JS
var express = require('express'); //Express Web Server
var bodyParser = require('body-parser'); //connects bodyParsing middleware
var formidable = require('formidable');
var path = require('path'); //used for file path
var fs =require('fs-extra'); //File System-needed for renaming file etc
var app = express();
app.use(express.static(path.join(__dirname, 'public')));
/* ==========================================================
bodyParser() required to allow Express to see the uploaded files
============================================================ */
app.use(bodyParser({defer: true}));
app.route('/upload')
.post(function (req, res, next) {
var form = new formidable.IncomingForm();
//Formidable uploads to operating systems tmp dir by default
form.uploadDir = "./img"; //set upload directory
form.keepExtensions = true; //keep file extension
form.parse(req, function(err, fields, files) {
res.writeHead(200, {'content-type': 'text/plain'});
res.write('received upload:\n\n');
console.log("form.bytesReceived");
//TESTING
console.log("file size: "+JSON.stringify(files.fileUploaded.size));
console.log("file path: "+JSON.stringify(files.fileUploaded.path));
console.log("file name: "+JSON.stringify(files.fileUploaded.name));
console.log("file type: "+JSON.stringify(files.fileUploaded.type));
console.log("astModifiedDate: "+JSON.stringify(files.fileUploaded.lastModifiedDate));
//Formidable changes the name of the uploaded file
//Rename the file to its original name
fs.rename(files.fileUploaded.path, './img/'+files.fileUploaded.name, function(err) {
if (err)
throw err;
console.log('renamed complete');
});
res.end();
});
});
var server = app.listen(3030, function() {
console.log('Listening on port %d', server.address().port);
});
-
官方版本下载 最新的MOAC VNODE软件可以从官方的发布地址下载 release link 配置文件 解压后，其中有vnodeconfig.json文件，主要为配置应用链通讯所用，其内容如下 { "ip":"127.0.0.1", "ShowToPublic": true, "VnodeServiceCfg": "127.0.0.1:50062" "SCSservice": tr
-
本文向大家介绍python+django快速实现文件上传，包括了python+django快速实现文件上传的使用技巧和注意事项，需要的朋友参考一下 对于web开来说，用户登陆、注册、文件上传等是最基础的功能，针对不同的web框架，相关的文章非常多，但搜索之后发现大多都不具有完整性，对于想学习web开发的新手来说就没办法一步一步的操作练习；对于web应用来说，包括数据库的创建，前端页面的开发，以及中
-
我有一堆XML文档，其中包含我需要用假数据替换的个人信息。Person节点包含以下元素： UUID-必填项，不应触及。 名字-可选 LastName-可选 地址-可选 个人身份-必需 一个人可能会出现很多次，在这种情况下应该使用相同的假数据，即如果两个person节点具有相同的personID，那么它们都应该接收到相同的假ID。 我已经实现了一些Java代码，这些代码从XML字符串构建一个DOM树
-
我有一个方法可以创建一个带有节点和关系的图。我想将节点ID列表返回给调用方，以便后面的步骤可以快速定位这些节点并创建其他关系。我将无法返回节点实例。 在SQL世界中，我可以返回主键或唯一键。在neo4j的世界里，我应该回报什么？是否有一个唯一的节点标识符，我可以使用，而不会注定自己的地狱第七级？我有自己的身份证吗？由于我沉迷于SQL，我在学习Neo4J方法时遇到了困难。
-
官方版本下载 最新的MOAC SCS软件可以从官方的发布地址下载 release link， 解压后可以看到有scs的目录，其中有userconfig.json文件，其内容如下： { "VnodeServiceCfg": "localhost:50062", "DataDir": "./scsdata", "LogPath": "./_logs", "Benefic
-
本文向大家介绍快速掌握jQuery插件WebUploader文件上传，包括了快速掌握jQuery插件WebUploader文件上传的使用技巧和注意事项，需要的朋友参考一下 文件上传是网站和 Web 应用程序的常用功能，一直没有一款完美的文件上传组件，因此让很多开发人员碰到头疼的浏览器兼容问题。 WebUploader 是由 Baidu FEX 团队开发的一款以 HTML5 为主，FLASH 为辅的