使用Express 4.0上传文件:req。文件未定义

我试图得到一个简单的文件上传机制与Express 4.0工作，但我一直得到未定义的请求。app.post主体中的文件。以下是相关代码:

var bodyParser = require('body-parser');
var methodOverride = require('method-override');
//...
app.use(bodyParser({ uploadDir: path.join(__dirname, 'files'), keepExtensions: true })); 
app.use(methodOverride()); 
//...
app.post('/fileupload', function (req, res) {
  console.log(req.files); 
  res.send('ok'); 
});

. .以及附带的Pug代码:

form(name="uploader", action="/fileupload", method="post", enctype="multipart/form-data")
    input(type="file", name="file", id="file")
    input(type="submit", value="Upload")

解决方案感谢下面mscdex的响应，我已经切换到使用busboy而不是bodyParser:

var fs = require('fs');
var busboy = require('connect-busboy');
//...
app.use(busboy()); 
//...
app.post('/fileupload', function(req, res) {
    var fstream;
    req.pipe(req.busboy);
    req.busboy.on('file', function (fieldname, file, filename) {
        console.log("Uploading: " + filename); 
        fstream = fs.createWriteStream(__dirname + '/files/' + filename);
        file.pipe(fstream);
        fstream.on('close', function () {
            res.redirect('back');
        });
    });
});

当前回答

Express-fileupload看起来是目前唯一还能工作的中间件。

在同一个例子中，multer和connect-multiparty给出了一个未定义的req值。文件或请求。文件，但express-fileupload工作。

关于req.file/req.files的空值有很多问题。

2017-01-13 14:10:05

其他回答

问题解决!!!!!!!

事实证明，存储功能甚至没有运行一次。因为我必须包括app.use(upload)作为upload = multer({storage}).single('file');

 let storage = multer.diskStorage({
        destination: function (req, file, cb) {
            cb(null, './storage')
          },
          filename: function (req, file, cb) {
            console.log(file) // this didn't print anything out so i assumed it was never excuted
            cb(null, file.fieldname + '-' + Date.now())
          }
    });

    const upload = multer({storage}).single('file');

2018-06-24 15:39:17

body解析器模块只处理JSON和urlencoded表单提交，而不处理multipart(如果要上传文件，就会出现这种情况)。

对于multipart，您需要使用connect-busboy或multer或connect-multiparty (multiparty/formidable是最初在express bodyParser中间件中使用的)之类的东西。也FWIW，我正在工作在一个更高的层次上的杂工被称为改革。它带有一个Express中间件，也可以单独使用。

2014-04-16 19:11:07

看起来在Express 3中，体解析器确实支持上传文件，但在Express 4中，当它不再将Connect作为依赖项时，该支持就被取消了

在查看了mscdex的答案中的一些模块后，我发现express-busboy是一个更好的选择，也是最接近临时替代品的选择。我注意到的唯一不同之处是上传文件的属性。

console.log(req.files)使用body解析器(Express 3)输出一个类似这样的对象:

{ file: 
   { fieldName: 'file',
     originalFilename: '360px-Cute_Monkey_cropped.jpg',
     name: '360px-Cute_Monkey_cropped.jpg'
     path: 'uploads/6323-16v7rc.jpg',
     type: 'image/jpeg',
     headers: 
      { 'content-disposition': 'form-data; name="file"; filename="360px-Cute_Monkey_cropped.jpg"',
        'content-type': 'image/jpeg' },
     ws: 
      WriteStream { /* ... */ },
     size: 48614 } }

相比console.log(req.files)使用Express -busboy (Express 4):

{ file: 
   { field: 'file',
     filename: '360px-Cute_Monkey_cropped.jpg',
     file: 'uploads/9749a8b6-f9cc-40a9-86f1-337a46e16e44/file/360px-Cute_Monkey_cropped.jpg',
     mimetype: 'image/jpeg',
     encoding: '7bit',
     truncated: false
     uuid: '9749a8b6-f9cc-40a9-86f1-337a46e16e44' } }

2016-04-23 20:00:45

1)确保你的文件确实是从客户端发送的。例如，你可以在Chrome控制台检查它: 截图

2)下面是NodeJS后台的基本示例:

const express = require('express');
const fileUpload = require('express-fileupload');
const app = express();

app.use(fileUpload()); // Don't forget this line!

app.post('/upload', function(req, res) {
   console.log(req.files);
   res.send('UPLOADED!!!');
});

2018-10-23 21:09:18

以下是我在谷歌上找到的:

var fileupload = require("express-fileupload");
app.use(fileupload());

哪个上传机制比较简单

app.post("/upload", function(req, res)
{
    var file;

    if(!req.files)
    {
        res.send("File was not found");
        return;
    }

    file = req.files.FormFieldName;  // here is the field name of the form

    res.send("File Uploaded");


});

2016-10-09 10:58:13

使用Express 4.0上传文件:req。文件未定义

推荐文章

最新文章

标签