8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

Node/Express 文件上传

Thebest 2月前

91 0

我使用的是 node v0.10.26 和 express v4.2.0,我对 node 还很陌生。过去三个小时里,我一直在绞尽脑汁想办法让文件上传表单与 node 兼容。...

我使用的是 node v0.10.26 和 express v4.2.0,我对 node 还很陌生。过去三个小时里,我一直在绞尽脑汁尝试让文件上传表单与 node 配合使用。目前,我只是试图让 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}) 应该有所帮助,但如果我添加这些行,我甚至无法启动我的服务器。

帖子版权声明 1、本帖标题:Node/Express 文件上传
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Thebest在本站《express》版块原创发布, 转载请注明出处!
最新回复 (0)
  • Mick Cullen 的 答案 简化版本( 要点 ——部分是为了证明实现这一点并不需要太复杂;部分是为了给那些不想阅读大量代码的人提供快速参考。


    你必须让你的应用程序使用 connect-busboy :

    var busboy = require("connect-busboy");
    app.use(busboy());
    

    除非您触发它,否则它不会执行任何操作。在处理上传的调用中,执行以下操作:

    app.post("/upload", function(req, res) {
        if(req.busboy) {
            req.busboy.on("file", function(fieldName, fileStream, fileName, encoding, mimeType) {
                //Handle file stream here
            });
            return req.pipe(req.busboy);
        }
        //Something went wrong -- busboy was not loaded
    });
    

    让我们详细分析一下:

    • 检查是否 req.busboy 设置(中间件已正确加载)
    • 你设置了一个 "file" 监听器 req.busboy
    • 您将内容传输 req req.busboy

    文件监听器内部有几个有趣的东西,但真正重要的是 fileStream :这是一个 可读的 ,然后可以像平常一样将其写入文件。

    陷阱: 您必须处理这个可读性,否则 express 将永远不会响应请求 ,请参阅 busboy API 文件 部分)。

返回
作者最近主题: