为什么图片未上传到node.js中？

Question

我正在学习node.js，并尝试使用express和multer制作一个简单的图像上传应用程序以上传单个图像，重命名并保存它。

以下是相关部分：

app.use(multer({dest:'/home/pc/node-dev/mypapp/public/upload/temp'}).single('file'));

表格：

<form method="post" action="/images" enctype="multipart/form-data">

            <input class="form-control" type="file" name="file">

                <textarea class="form-control" name="description" rows="2"></textarea>

                <button type="submit" id="login-btn" class="btn btn-success" type="button">Upload Image</button>

</form>

在images.js我有::

 create: function(req, res) {
            var saveImage = function() {
                console.log('saving image');
                console.log(req.body);
                console.log(req.file.path);
                var possible = 'abcdefghijklmnopqrstuvwxyz0123456789',
                    imgUrl = '';

                for(var i=0; i < 6; i+=1) {
                    imgUrl += possible.charAt(Math.floor(Math.random() * possible.length));
                }

                var tempPath = req.file.path,
                    ext = path.extname(req.file.name).toLowerCase(),
                    targetPath = path.resolve('/home/pc/node-dev/myapp/public/upload/' + imgUrl + ext);
                    console.log('imgUrl is %s', imgUrl );
                    console.log('targetPath is %s', targetPath );
                    console.log('filename is %s', req.file.name );
                    console.log('ext is %s', ext );

                if (ext === '.png' || ext === '.jpg' || ext === '.jpeg' || ext === '.gif') {


                    fs.rename(tempPath, targetPath, function(err) {
                        if (err) throw err;

                        res.redirect('/images/' + imgUrl);
                    });
                } else {
                    fs.unlink(req.file.path, function () {
                        console.log(req.file.path);

                        res.json(500, {error: 'Only image files are allowed.'});
                    });
                }
            };

我进入控制台的结果：

saving image
{ title: 'ddd', description: 'adwefw' }
/home/pc/node-dev/myapp/public/upload/temp/5b43a0abf25d9b05cf902d64b051a307
imgUrl is 6dnfws
targetPath is /home/pc/node-dev/myapp/public/upload/6dnfws
filename is undefined
ext is 

在浏览器中，此页面呈现：

{"error":"Only image files are allowed."}

因此，一方面有一个req.file.path ，另一方面，显然没有req.file.name 。

我对此感到非常困惑，因此感谢您的提示。

Answer 1

您需要originalname （用户计算机上文件的名称）：

ext = path.extname(req.file.originalname).toLowerCase()

https://github.com/expressjs/multer#file-information