How to upload a file in Node.js ? Error: Cannot POST /upload

Question

问题：

我在我的 upload.ejs 中单击提交，但出现错误："Cannot POST /upload"

解决方案：

我的问题是架构问题而不是编码问题。

我更改了我的项目结构来解决这个问题。

我创建了一个名为 "upload.js" 的新文件来放入路由器代码。

我也将 "upload.ejs" 移动到项目的根目录。

我更新了 "app.js" 以考虑新的路由器文件 "upload.js"。

我将表格更改为使用 "upload.js"。

代码：

upload.js

var express = require("express");
var router = express.Router();
var flash = require("connect-flash");

var firebase = require("firebase");

var multer = require("multer");
var upload = multer({dest:"./public/images/uploads/"});

router.get("/", function(req, res, next){
    res.render("upload");
});

router.post("/", upload.single("image"), function(req, res, next){

    if (req.file){
        console.log("Uploading file...");
        var image = req.file.filename;
    }
    else {
        console.log("No file uploaded");
        var image = "noimage.jpg";
    }

    var post = {
        title: req.body.title,
        section: req.body.section,
        image: image,
    }

    var section = req.body.section.toLowerCase();

    firebase.database().ref("posts/"+section).push(post);

    req.flash("success_msg", "Post Created");
    res.redirect("/upload");


});

module.exports = router;

upload.ejs

<form enctype="multipart/form-data" method="post" action="upload">

Answer 1

您正在 POST 前往 /upload url，但您注册的路线是 POST /users/upload。可能您必须将以下函数移动到 routes/index.js 文件中：

router.post("/upload", upload.single("image"), function(req, res, next){

    if (req.file){
        console.log("Uploading file...");
        var image = req.file.filename;
    }
    else {
        console.log("No file uploaded");
        var image = "noimage.jpg";
    }

    var post = {
        title: req.body.title,
        section: req.body.section,
        image: image,
    }

    var postRef = fbRef.child("posts");

    postRef.push().set(post);

    req.flash("success_msg", "Post Created")
    res.redirect("/"+ req.body.section.toLowerCase());

});

Answer 2

您需要使用 multer 模块：

server.js

multer = require('multer');
app.use(multer({
        dest: './public/uploads/',
        rename: function (fieldname, filename) {
            return filename.replace(/\W+/g, '-').toLowerCase();
        }
}));

upload.js

router.post("/upload",function(req, res, next){
    console.log(req.file);
});

How to upload a file in Node.js ? Error: Cannot POST /upload

How to upload a file in Node.js ? Error: Cannot POST /upload

javascript

routes

ejs

node.js