关于使用Multer(1.0.6)和Express上传文件

Question

我想使用 multer 从表单中快速上传图片。

我找到一篇post关于如何使用multer上传文件，并触发事件来重命名文件。但是，我发现它只适用于旧版本 (multer-0.1.6)

在 multer 的 github 的最新说明中，我想我必须使用 disk storage engine 来上传新名称的文件，但是它不起作用。请给我一些说明，我试了一整天这个功能...

此外，我不确定为什么需要res.status(204).end();？我不添加这行，点击上传按钮时网页总是锁定...

package.json

{
  "name": "FileUpload",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.13.2",
    "cookie-parser": "~1.3.5",
    "debug": "~2.2.0",
    "express": "~4.13.1",
    "jade": "~1.11.0",
    "morgan": "~1.6.1",
    "multer": "^1.0.6",
    "serve-favicon": "~2.3.0"
  }
}

upload.js

var express = require('express');
var multer  = require('multer');
var upload = multer({ storage: storage });

var app = express();

app.post('/uploadImage', upload.single('image'), function (req, res, next) {
    console.log("success");
    console.log(req.file);
    res.status(204).end();
});

app.get('/',function(req,res){
    console.log("It's work");
    res.sendFile(__dirname + "/index.html");
});

var storage = multer.diskStorage({
   destination: function (req, file, cb) {
     console.log("Dest");
     cb(null, 'uploads/')
   },
   filename: function (req, file, cb) {
     cb(null, file.fieldname + '-' + Date.now())
   }
});

app.listen(3000,function(){
    console.log("Working on port 3000");
});

index.html

<form id        =  "uploadForm"
     enctype   =  "multipart/form-data"
     action    =  "/uploadImage"
     method    =  "post"
>
<input type="file" name="image" />
<input type="submit" value="Upload Image" name="submit">
</form>

解决方案 为什么我的代码不能运行的原因是代码的顺序...... 下面的顺序是对的。

var express = require('express');
var multer  = require('multer');

var app = express();

app.get('/',function(req,res){
    console.log("It's work");
    res.sendFile(__dirname + "/index.html");
});

var storage = multer.diskStorage({
   destination: function (req, file, cb) {
     console.log("Dest");
     cb(null, 'uploads/')
   },
   filename: function (req, file, cb) {
     cb(null, file.fieldname + '-' + Date.now())
   }
});

var upload = multer({ storage: storage });

app.post('/uploadImage', upload.single('image'), function (req, res, next) {
    console.log("success");
    console.log(req.file);
    res.status(204).end();
});

app.listen(3000,function(){
    console.log("Working on port 3000");
});

Answer 1

在 GitHub 中你可以找到这个例子，对我来说它是有效的：

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

var upload = multer({ storage: storage })

var app = express();

app.post('/uploadImage', upload.single('image'), function (req, res, next) {
    console.log("success");
    console.log(req.file);
    res.status(204).end();
});

关于使用Multer(1.0.6)和Express上传文件

About using Multer(1.0.6) and Express to upload files

node.js

express

multer