使用 postman 上传图片到 nodejs 后端服务

Question

我是 nodejs 的新手，在测试从计算机上传图像的 post 方法期间，我在 postman 中收到这条消息，表明我的上传方法不存在

我的 server.js 代码是

const express = require('express');
const multer = require('multer');
const app = express();

//moddleware
app.use(express.urlencoded({extended: true}));
app.use(multer.json(''));

const PORT = process.env.PORT | 5000;   

var Storage = multer.diskStorage({
    destination: (req, file, callback) => {
        callback(null,"/images");
    },
    filename: (req, file, callback) => {
        callback(null,file.fieldname);
    }
});

var upload = multer({
    storage: Storage
    }).array('image',3);
//route
app.post('/', (req, res) => {});

app.post('/upload', (req, res) => {
    upload(req, res , err => {
        if (err) {
            return res.send('somthing went wrong');
        }
        return.res.send('file uploaded successfully');
    });
});

app.listen(PORT, () => {
console.log('Server running on PORT ${PORT}')
});

这是我的服务器响应

 [nodemon] 2.0.7                                                    
    [nodemon] to restart at any time, enter `rs`                       
    [nodemon] watching path(s): *.*                                    
    [nodemon] watching extensions: js,mjs,json                         
    [nodemon] starting `node server.js`                                
    Server running on PORT ${PORT}

谢谢

Answer 1

我终于把代码弄到这里了

// const bodyParser= require('body-parser');

const multer = require('multer');

const app = express();

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

const PORT = process.env.PORT | 5000;   

var Storage = multer.diskStorage({
    destination: function (req, file, callback) {
      callback(null, 'images')
    },
    filename: function (req, file, callback) {
      callback(null, file.orignalname);
    }
});
var upload = multer({
 storage: Storage 
}).array('image', 3);
//route
app.post('/', (req, res) => {});

app.post('/upload', (req, res) => {
    console.log(req.file);
    upload(req, res , err => {
        if (err) {
            console.log(err);
            return res.send('somthing went wrong');
        }
        return res.send('file uploaded successfully');
    });
});

app.listen(PORT, () => {
    console.log('Server running on PORT ${PORT}')
});

谢谢你帮助我

Answer 2

您的代码在上传路由 return.res.send 中有一些错误，这导致了问题。进行如下更改。

const express = require('express')
const bodyParser= require('body-parser')
const multer = require('multer');
const app = express();
app.use(bodyParser.urlencoded({extended: true}))

const PORT = process.env.PORT | 5000;   

var Storage = multer.diskStorage({
    destination: function (req, file, cb) {
      cb(null, 'images')
    },
    filename: function (req, file, cb) {
      cb(null, file.fieldname + '-' + Date.now())
    }
})
var upload = multer({ storage: Storage }).array('image', 12)

//route
app.post('/', (req, res) => {});

app.post('/upload', (req, res) => {
    upload(req, res , err => {
        if (err) {
            res.send('somthing went wrong');
        }
        res.send('file uploaded successfully');
    });
});

app.listen(PORT, () => {
    console.log('Server running on PORT ${PORT}')
});