使用nodejs上传文件，快递，平均堆栈答案

【问题标题】：File upload with nodejs, express, mean stack使用nodejs上传文件，快递，平均堆栈
【发布时间】：2015-04-21 21:30:16
【问题描述】：

我是 Mean 和 nodejs 的新手。我有一个带有旧依赖项的旧项目。我正在尝试使用 Angular js 将图像文件上传到服务器。但它不起作用。我不知道如何在客户端和服务器端检索图像文件数据、名称、类型等。

客户端js

$scope.uploadFile = function(files,index) {

    console.log("uploading file");
    console.log("sticker index:" + index);
    console.log("StickerGroupID:"+ $scope.stickergroup._id);
console.log("file:"+ files[0].name);

console.log("sticker :  " + $scope.stickergroup.stickers[index].stickername );

$scope.stickergroup.stickers[index].stickerFileName = files[0].name ;
    console.log("sticker path now:" +$scope.stickergroup.stickers[index].stickerFileName);

  var fd = new FormData();

  fd.append("file", files[0]);
  fd.append("filename", files[0].name);

//put an upload file to temp location.
$http.post("/stickergroups/uploadstickers", fd, {
//   withCredentials: true,
  headers: {'Content-Type': undefined },
  transformRequest: angular.identity});

服务器js

exports.uploadTempFile = function(req, res) {

console.log("uploading start");

console.log("file required :" +req.files);
var imagefile = req.files.file;
var tempDirectorySticker = tempDirectory + imagefile.originalFilename;

console.log("temp directory" + tempDirectorySticker );

fs.readFile(imagefile.path, function (err, data) {
    fs.writeFile(tempDirectorySticker, data, function (err) {
    res.redirect("back");
    });
 });};

req.files 结果为“未定义”。

谢谢

【问题讨论】：

您是否一直在尝试查看 req.file 中的内容？
req.file 未定义。

标签： javascript angularjs node.js express mean-stack

【解决方案1】：

您必须实际使用文件上传middleware 来快速解压请求的那部分。来自multer 文档：

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

var app = express()
app.use(multer({ dest: './uploads/'}));

console.log(req.body)
console.log(req.files)

【讨论】：

感谢和抱歉迟到的回复。

【解决方案2】：

确保使用您正在使用的中间件进行多部分/表单数据，例如multer https://github.com/expressjs/multer.

另外，检查是否存在 CORS 错误。你可以安装 cors npm 模块来解决这个问题。 https://www.npmjs.com/package/cors

【讨论】：