使用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');
        });
    });
});

当前回答

我在methooverride中间件之前添加了multer作为全局中间件，它在路由器中工作。也放。

const upload = multer({
    storage: storage
}).single('featuredImage');
app.use(upload);

app.use(methodOverride(function (req, res) {
  ...
}));

2021-08-02 16:14:50

其他回答

你可以使用express-fileupload npm包来解码文件

const fileUpload = require('express-fileupload');
app.use(fileUpload({useTempFile: true}))

注意:我使用cloudinary上传图片

在这里输入图像描述

2023-01-27 16:26:42

我在methooverride中间件之前添加了multer作为全局中间件，它在路由器中工作。也放。

const upload = multer({
    storage: storage
}).single('featuredImage');
app.use(upload);

app.use(methodOverride(function (req, res) {
  ...
}));

2021-08-02 16:14:50

一个包安装需要这个功能，有很多，但我个人更喜欢“express-fileupload”。只需在终端中通过“npm I express-fileupload”命令安装这个文件，然后在根文件中使用它

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

2021-07-06 09:15:09

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

只是为了补充上面的答案，你可以简化express-fileupload的使用，只需要一个需要它的路由，而不是将它添加到每个路由。

let fileupload = require("express-fileupload");

...

//Make sure to call fileUpload to get the true handler
app.post("/upload", fileupload(), function(req, res){

...

});

2020-07-06 07:51:46

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

推荐文章

最新文章

标签