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

已经有一段时间了，问题是我根本没有使用 multer 中间件，所以处理图像的回调代码从未执行过。 那时我不太了解 express 是如何工作的。

Answer 2

试试这个文件存储在本地保存图片

const fileStorage = multer.diskStorage({
      destination: (req, file, cb) => {
        cb(null, "images");
      },
      filename: (req, file, cb) => {
        cb(
          null,
          new Date().toISOString().replace(/:/g, "-") + "-" + file.originalname
        );
      },
    });

Answer 3

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

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

Answer 4

似乎您没有使用存储变量并使用目标键的函数，如文档中所述，您还需要在名为 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 5

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

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())
    }
});