Multer不会以任何方式将图像保存在磁盘上

Question

它根本不保存任何内容到我指定的destination文件夹中。

我尝试使用{storage:storage}而不是{dest: 'storage/'}，但是它也不起作用。 图像数据实际上是在控制台登录时发送到服务器的。而我指定的dest是默认创建的，但保持空白。

const express = require('express');
const app = express();
const multer = require('multer');
    let storage = multer.diskStorage({
        destination: '/public/my-uploads',
          filename: function (req, file, cb) {
            cb(null, file.fieldname + '-' + Date.now())
          }
    });

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


app.post('/upload', upload, (req , res) => {
  console.log(req.files) // this does log the uploaded image data.
})


***** EDIT ******

HTML

        <form  onSubmit={this.upload} enctype='multipart/form-data'>
          <input type='file' name='image' />
          <input type='submit' value='upload' />
        </form>

JS

  upload(e){
    e.preventDefault();
    const file = e.target[0].files[0];
    console.log(file)
    const fm = new FormData();

    fm.append('file', file);
    console.log(fm)
    axios.post('/upload', fm);
  }

POSTMAN

Answer 1

似乎您没有使用存储变量，而是使用了文档中所写的目标键函数，还需要在名为field的输入字段中传递文件，否则multer无法存储文件，在与代码相同的级别上创建一个存储文件夹：

const http = require('http')
const port = 3000
const express = require('express');
const app = express();
const multer = require('multer');
const server = http.createServer(app)

let storage = multer.diskStorage({
    destination: function (req, file, cb) {
        cb(null, './storage')
    },
    filename: function (req, file, cb) {
        cb(null, file.fieldname + '-' + Date.now())
    }
});

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


app.post('/upload', upload, (req, res) => {
    console.log(req.files) // this does log the uploaded image data.
})

// bind the server on port
server.listen(port, (err) => {
    if (err) {
        return console.log('something bad happened', err)
    }
    console.log(`server is listening on ${port}`)
})

Answer 2

尝试捕获我自己调用中间件的错误：

var upload = multer().single('avatar')
app.post('/upload', function (req, res) {
  upload(req, res, function (err) {
    if (err) {
      // An error occurred when uploading
      return
    }

    // Everything went fine
  })
})

此外，将存储更改为：

let storage = multer.diskStorage({
    destination: function(req, file, ca) {
        cb(null, '/public/my-uploads');
    }
    filename: function (req, file, cb) {
        cb(null, file.fieldname + '-' + Date.now())
    }
});

Answer 3

...single('file') 中“单个”的名称必须与输入（包含文件）<input type="file" name='image' /> 中的名称匹配 - 而在您的示例中则不然。

将 multer-part 更改为此 ...single('image') - 如输入 name='image'