在NodeJs中使用Multer上传文件时出错

时间:2017-05-10 13:03:23

标签: node.js express postman multer

我正在尝试编写基于Express的API来上传文件。文件名和目录路径应该动态设置。

我的代码:

var crypto = require('crypto')
var express = require('express');
var fs = require('fs');
var mime = require('mime');
var mkdirp = require('mkdirp');
var multer = require('multer');

var app = express();
var path = './uploads'; 

var storage = multer.diskStorage({
    destination: function (req, file, callback) {
        callback(null, path);
        console.log('Im in storage destination'+path);
    },
    filename: function (req, file, callback) {
        console.log('Im in storage filename'+path);
        //callback(null, file.fieldname + '-' + Date.now());
        crypto.pseudoRandomBytes(16, function (err, raw) {
            callback(null, Date.now() + '.' + mime.extension(file.mimetype));
        });
    }
});

var upload = multer({ storage : storage}).single('userPhoto');

app.post('/photo',function(req,res){
    path += '/pics/shanmu/';
    console.log('Im in post , outside upload'+path);

    upload(req,res,function(err) {
        console.log('Im in post , inside upload'+path);
        if(err) {
            return res.end('Error uploading file.');
        }
        res.end('File is uploaded'+path);
        console.log('File is uploaded'+path);
    });
});

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

我的文件夹结构:

运行代码时,应将文件上传到uploads/文件夹中。 (此文件夹中有两个嵌套文件夹 - uploads/pics/shanmu)。

当我从邮递员那里触发它时,它只能工作一次。当我第二次尝试时,我无法上传文件。

请告知。

2 个答案:

答案 0 :(得分:0)

有时我使用multer模块获得解决方案。使用此模块,您可以上传文件和图像。它已成功上传到目标文件夹。

这是我的服务器代码app.js

var express =r equire('express');
var multer = require('multer');
var path = require('path')
var app = express();
var ejs = require('ejs')
app.set('view engine', 'ejs')
var storage = multer.diskStorage({
    destination: function(req, file, callback) {
        callback(null, './public/uploads')//here you can place your destination path
    },
    filename: function(req, file, callback) {
        callback(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname))
    }
})

app.get('/api/file',function(req,res){
res.render('index');
});
app.post('/api/file', function(req, res) {
    var upload = multer({
        storage: storage}).single('userFile');
    upload(req, res, function(err) {
        console.log("File uploaded");
        res.end('File is uploaded')
    })
})

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

创建views文件夹并将此index.ejs文件放入其中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form id="uploadForm" enctype="multipart/form-data" method="post">
        <input type="file" name="userFile" />
        <input type="submit" value="Upload File" name="submit">
    </form>
</body>
</html>

在此之后运行服务器为node app.js。打开浏览器并在运行后输入http://localhost:3000/api/file此url选择要上传到目标文件夹的文件。并在终端和终端都有成功的响应browser.Hope这对你有帮助。

答案 1 :(得分:0)

我的代码正常运行。参见:

https://gist.github.com/lmiller1990/3f1756efc07e09eb4f44e20fdfce30a4

我认为问题在于你宣布destination的方式。不过,我不知道为什么。我通过将路径作为字符串传递来实现它。

祝你好运!