javascript - 在 Mongoose 中使用 Multer 将文件存储到 MongoDB

标签 javascript angularjs node.js mongodb mongoose

到目前为止,我已经接受了我的 HTML 表单中的文件,并使用 ng-file-upload 模块通过 $http.post 以 Angular 发布。现在我想在 Mongoose 中接受这个文件并将其存储到我在 MongoLab 上托管的 NoSQL MongoDB 中。 我已经阅读了这个名为 Multer 的模块并遵循了基本文档,但目前只有我一个。在我解释问题的开始之前,让我发布我的代码:


我的 HTML 表单:

<form name="upForm">
   <fieldset>
      <legend>Upload files here</legend>
         <label>Insert File Here:</label>
         <input type="file" ngf-select ng-model="exFile" name="file" ngf-accept="'.cs'" required>
         <i ng-show="upForm.file.$error.required">*required</i>
         <div class="alert" ng-show="file.$error === 'pattern'">
              file type is not accepted
         </div>
         <br />
         <button ng-disabled="!upForm.$valid" ng-click="uploadExercise(exFile)" class="btn btn-default">Submit</button>
         <span class="progress" ng-show="picFile.progress >= 0">
         <div style="width:{{exFile.progress}}%" ng-bind="picFile.progress + '%'"></div>
         </span>
         <span ng-show="picFile.result">Upload Successful</span>
    </fieldset>
</form>

我的 Angular 代码:

 $scope.uploadExercise = function (file) {

    console.log(file);
    var fd = new FormData();
    fd.append('file', file);
    $http.post(url+"/Upload", fd,{
        transformRequest: angular.identity,
        header:{'Content-Type': undefined},
        enctype:'multipart/form-data'
    }).success(function () { }).error(function () { });
    console.log(fd);
};

控制台日志返回正确的文件对象。


到目前为止的 Mongoose :

var mongoose = require("mongoose");
var express = require("express");
var multer = require('multer');
var upload = multer({ dest: 'Uploads/' });
var bodyparser = require("body-parser");
var app = express();


mongoose.connect("connection-string");
app.use(bodyparser.json());

app.post('/Upload', upload.single('solution') ,function (req, res, next) {
    console.log(req.file);
});

console.log 不断返回未定义。所以某事,某处出了大错。请帮帮我! 我想在我的 Mongoose 中接收此文件并将其存储到 MongoDB 中,我以前从未这样做过,似乎无法找到 Multer 的任何体面的文档或任何体面的解释来存储与我的案例相关的文件。我究竟做错了什么?我应该怎么做?

最佳答案

伙计,你走错了路。我已经在您之前的问题请求中解释了 Multer 用于将文件保存在文件磁盘系统中,而不是直接保存到您的数据库中。为此,您必须使用 GRIDFS。

回答您当前的问题。

app.post('/Upload', upload.single('solution') ,function (req, res, next) {
    console.log(req.file);
});

这里的 upload.single('solution') - 调用函数 Upload 并且传递的文件名是解决方案,但很明显它在这里不可用。

使用这种格式 - 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 })

那里的存储部分用于提供必须保存文件的路径,文件名部分用于更改您想要的文件名。

请阅读文档,因为这会有所帮助。当我们使用第三方模块时,我们必须承认他们已经提供的信息,以便我们可以轻松地使用他们的工作。

让我让你更容易。这是现成的有效代码。

Multer throwing weird error while uploading file via ng-file upload

去检查那个线程。我提出了这个问题 - 问题是我以数组格式发送文件,就像一次发送多个文件一样。如果您不这样做,只需更改 ng-file-upload 段以使用单个上传演示示例,并在服务器端 nodejs 代码将 .array 替换为 .single 并且事情会以你希望它们工作的方式工作——假设你想使用文件磁盘系统来存储文件。

我再说一遍,这种方法不会帮助您直接将文件保存在 mongodb 中。

如果您需要任何进一步的说明,请告诉我。

关于javascript - 在 Mongoose 中使用 Multer 将文件存储到 MongoDB,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34576507/

相关文章:

javascript - IE8 中的 HTML5 localStorage getItem 问题

javascript - 使用 Materialise 的嵌入式日历

javascript - 使用一个文件集成整个 Yeoman、AngularJS 项目

node.js - 为每个项目执行 npm install 会占用太多驱动器空间

javascript - 尝试将 DOMParser 与 Node js 一起使用

javascript - 在 Windows 10 上安装后,node.js 无法检查版本

javascript - AngularJS:如何以表格形式每行表示和保存一个对象

javascript - ANGULARJS 可扩展搜索栏

javascript - 无法在 Node.js ES6 中使用 eval 创建变量

node.js - 如何解决/bin/sh : node-pre-gyp: not found? 与 docker 相关的问题