尝试使用Multer上传文件，但没有工作

发布于 2025-01-29 18:36:09 字数 6009 浏览 2 评论 0原文

我想上传文件并将其保存在图像文件夹中但这也许是一个中间件问题，但是它无法正常工作，

除了在我正在开发的程序中上传外，还有其他功能。所以电线很长。

我在路由\家庭部分中写下了multer函数，因此将重点放在那部分上是很好的

，这是我的目录

app.js


"use strict";

const express = require("express");
const bodyParser = require("body-parser");
const app = express();



const home = require("./src/routes/home"); 



app.set("views", "./src/views"); 
app.set("view engine", "ejs");

app.use(express.static(`${__dirname}/src/public`)); 
app.use(bodyParser.json());

app.use(bodyParser.urlencoded({ extended: true }));

app.use("/", home); 



module.exports = app;

upload.ejs

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/home/styles.css">
    <title>Upload</title>
</head>

<body>
    <header class="upload_header">
        <div class="upload_header_left">
            <span><a href="javascript:history.back()"><i class=" fa-solid fa-arrow-left fa-2x"></i></a></span>
            <h1>upload</h1>
        </div>
        <div class="upload_header_right">
            <form action="upload" method="post" enctype="mulipart/form-data">

                <div class="filebox">
                    <label for="ex_file">upload</label>
                    <input type="file" name="image" id="ex_file">
                </div>

                <button type="submit" value="Upload"><i class="fa-solid fa-paper-plane fa-lg"></i></button>

            </form>

            <span><i class="fa-solid fa-ellipsis-vertical fa-lg"></i></span>
        </div>
    </header>
    <form class="upload_send_input" method="post">
        <label><span>sending man</span><input type="text"></label>

        <label><span>send</span><input type="text"></label>
        <label><span>name</span><input type="text"></label>
    </form>
    <div id="comment">
        <textarea name="" id="" cols="300" rows="10" placeholder="text"></textarea>
    </div>
    <script src="https://kit.fontawesome.com/612ed4556b.js" crossorigin="anonymous"></script>
</body>
[enter image description here]
</html>

路由\ home \ home \ home \ index.js

"use strict";
const express = require("express");
const router = express.Router();
const app = express();

const path = require('path')
const multer = require('multer')
const storage = multer.diskStorage({
    destination: (req, file, cb) => {
        cb(null, "Images")
    },
    filename: (req, file, cb) => {
        console.log(file);
        cb(null, Date.now() + path.extname(file.originalname));
    }
})
const upload = multer({ storage: storage })
const ctrl = require("./home.ctrl");

router.get("/", ctrl.output.home);
router.get("/login", ctrl.output.login);
router.get("/register", ctrl.output.register);
router.get("/script1", ctrl.output.script1);
router.get("/python", ctrl.output.python);
router.get("/upload", ctrl.output.upload);

router.post("/login", ctrl.process.login);
router.post("/register", ctrl.process.register);
router.post("/python", ctrl.process.python);
router.post("/upload", upload.single('image'), ctrl.process.upload);
module.exports = router;

路由\ home \ home.ctrl.js

"use strict";

const User = require("../../models/User");
const UserStorage = require("../../models/UserStorage");
const { spawn } = require('child_process');
const iconv = require('iconv-lite');


const output = {
    home: (req, res) => {
        res.render("home/index");
    },
    login: (req, res) => {
        res.render("home/login");
    },
    register: (req, res) => {
        res.render("home/register");
    },
    python: (req, res) => {
        res.render("home/python");
    },
    upload: (req, res) => {
        res.render("home/upload");
    },
    script1: (req, res) => {
        let data1;
        const pythonOne = spawn('python', ['./src/public/python/script1.py']);
        pythonOne.stdout.on('data', function(data) {
            data1 = data.toString();
        })
        pythonOne.on('close', (code) => {
            console.log("code", code);
            console.log(typeof data1);
            res.send(data1);
        })
        pythonOne.stderr.on('data', function(data) {
            console.error(data.toString());
        });
    },
};

const process = {
    login: async(req, res) => {
        const user = new User(req.body);
        const response = await user.login();
        return res.json(response);
    },
    register: async(req, res) => {
        const user = new User(req.body);
        const response = await user.register();
        return res.json(response);
    },
    python: async(req, res) => {
        let data1;
        const pythonOne = await spawn('python', ['./src/public/python/script2.py', req.body.id]);

        pythonOne.stdout.on('data', function(data) {
            data1 = iconv.decode(data, 'euc-kr');
        })
        pythonOne.on('close', (code) => {
            return res.send(JSON.stringify(data1));
        })
        pythonOne.stderr.on('data', function(data) {
            console.error(data.toString());
        });
    },
    upload: (req, res) => {
        res.send("Image Uploaded");
    }
};

module.exports = {
    output,
    process,
};

原文

I want to upload the file and save it in the images folder
But maybe it's a middleware problem, but it's not working properly

There are other functions other than uploading in the program I am developing. so The cord is long.

I wrote the multer function in the routes\home part, so it would be good to focus on that part

this is my directory

enter image description here

app.js


"use strict";

const express = require("express");
const bodyParser = require("body-parser");
const app = express();



const home = require("./src/routes/home"); 



app.set("views", "./src/views"); 
app.set("view engine", "ejs");

app.use(express.static(`${__dirname}/src/public`)); 
app.use(bodyParser.json());

app.use(bodyParser.urlencoded({ extended: true }));

app.use("/", home); 



module.exports = app;

upload.ejs

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/home/styles.css">
    <title>Upload</title>
</head>

<body>
    <header class="upload_header">
        <div class="upload_header_left">
            <span><a href="javascript:history.back()"><i class=" fa-solid fa-arrow-left fa-2x"></i></a></span>
            <h1>upload</h1>
        </div>
        <div class="upload_header_right">
            <form action="upload" method="post" enctype="mulipart/form-data">

                <div class="filebox">
                    <label for="ex_file">upload</label>
                    <input type="file" name="image" id="ex_file">
                </div>

                <button type="submit" value="Upload"><i class="fa-solid fa-paper-plane fa-lg"></i></button>

            </form>

            <span><i class="fa-solid fa-ellipsis-vertical fa-lg"></i></span>
        </div>
    </header>
    <form class="upload_send_input" method="post">
        <label><span>sending man</span><input type="text"></label>

        <label><span>send</span><input type="text"></label>
        <label><span>name</span><input type="text"></label>
    </form>
    <div id="comment">
        <textarea name="" id="" cols="300" rows="10" placeholder="text"></textarea>
    </div>
    <script src="https://kit.fontawesome.com/612ed4556b.js" crossorigin="anonymous"></script>
</body>
[enter image description here]
</html>

routes\home\index.js

"use strict";
const express = require("express");
const router = express.Router();
const app = express();

const path = require('path')
const multer = require('multer')
const storage = multer.diskStorage({
    destination: (req, file, cb) => {
        cb(null, "Images")
    },
    filename: (req, file, cb) => {
        console.log(file);
        cb(null, Date.now() + path.extname(file.originalname));
    }
})
const upload = multer({ storage: storage })
const ctrl = require("./home.ctrl");

router.get("/", ctrl.output.home);
router.get("/login", ctrl.output.login);
router.get("/register", ctrl.output.register);
router.get("/script1", ctrl.output.script1);
router.get("/python", ctrl.output.python);
router.get("/upload", ctrl.output.upload);

router.post("/login", ctrl.process.login);
router.post("/register", ctrl.process.register);
router.post("/python", ctrl.process.python);
router.post("/upload", upload.single('image'), ctrl.process.upload);
module.exports = router;

routes\home\home.ctrl.js

"use strict";

const User = require("../../models/User");
const UserStorage = require("../../models/UserStorage");
const { spawn } = require('child_process');
const iconv = require('iconv-lite');


const output = {
    home: (req, res) => {
        res.render("home/index");
    },
    login: (req, res) => {
        res.render("home/login");
    },
    register: (req, res) => {
        res.render("home/register");
    },
    python: (req, res) => {
        res.render("home/python");
    },
    upload: (req, res) => {
        res.render("home/upload");
    },
    script1: (req, res) => {
        let data1;
        const pythonOne = spawn('python', ['./src/public/python/script1.py']);
        pythonOne.stdout.on('data', function(data) {
            data1 = data.toString();
        })
        pythonOne.on('close', (code) => {
            console.log("code", code);
            console.log(typeof data1);
            res.send(data1);
        })
        pythonOne.stderr.on('data', function(data) {
            console.error(data.toString());
        });
    },
};

const process = {
    login: async(req, res) => {
        const user = new User(req.body);
        const response = await user.login();
        return res.json(response);
    },
    register: async(req, res) => {
        const user = new User(req.body);
        const response = await user.register();
        return res.json(response);
    },
    python: async(req, res) => {
        let data1;
        const pythonOne = await spawn('python', ['./src/public/python/script2.py', req.body.id]);

        pythonOne.stdout.on('data', function(data) {
            data1 = iconv.decode(data, 'euc-kr');
        })
        pythonOne.on('close', (code) => {
            return res.send(JSON.stringify(data1));
        })
        pythonOne.stderr.on('data', function(data) {
            console.error(data.toString());
        });
    },
    upload: (req, res) => {
        res.send("Image Uploaded");
    }
};

module.exports = {
    output,
    process,
};

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

三岁铭 2025-02-05 18:36:09

我发现问题
我的EJS文件

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

是因为mulipart/form-data的错字

我修复了它

i find problem
my ejs file

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

Because of a typo of mulipart/form-data

i fix it

回复收藏 0 原文

~没有更多了~

关于作者

時窥

暂无简介

文章

28 人气

关注发私信

十二

文章 0 评论 0

关注

飞烟轻若梦

文章 0 评论 0

关注

OPleyuhuo

文章 0 评论 0

关注

wxb0109

文章 0 评论 0

关注

旧城空念

文章 0 评论 0

关注

-小熊_

文章 0 评论 0

友情链接

文江博客

尝试使用Multer上传文件，但没有工作

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（1）

关于作者

相关话题

热门标签

推荐作者

十二

飞烟轻若梦

OPleyuhuo

wxb0109

旧城空念

-小熊_

友情链接

尝试使用Multer上传文件，但没有工作

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（1）

关于作者

相关话题

热门标签

推荐作者

十二

飞烟轻若梦

OPleyuhuo

wxb0109

旧城空念

-小熊_

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。