如何上传使用节点的js文件?(How do I upload a file using node j

2019-10-19 09:44发布

我环顾四周,看着就如何上传使用节点/快递文件的各种教程。 我觉得我做错了什么对HTML或JQuery的一面。 我使用下面的链接作为http://howtonode.org/really-simple-file-uploads 。

但是我得到的错误:

TypeError: Cannot read property 'fileUpload' of undefined    at module.exports.fileCreate 

这里是我下面的代码:

uploadcontroller.js

fs.readFile(req.files.fileUpload.path, function (err, data) {
    var newPath = __dirname + "/uploads/" + imgString;
    fs.writeFile(newPath, data, function (err) {
    });
});

HTML片段

<div class="form-group">
    <label for="fileUpload">Upload File</label>
    <input type="file" name="fileUpload" id="fileUpload">
</div>

我现在用的帆框架(不知道如果让区别)

编辑:填写表格

<form role="form" class="uploadFileForm">
    <div class="form-group">
        <label for="fileTitleInput">Title</label>
        <input type="text" name="formTitleInput" id="formTitleInput">
    </div>
    <div class="form-group">
        <label for="fileDescriptionInput">Description</label>
        <textarea class="form-control" rows="4" id="fileDescriptionInput"></textarea>
    </div>
<div class="form-group">
        <label for="fileUpload">Upload File</label>
        <input type="file" name="fileUpload" id="fileUpload">
    </div>
    <button type="submit" class="btn btn-default" id="file-submit-btn">Publish to Web</button>
</form>

Answer 1:

app.post('/upload', function(req, res) {

    fs.readFile(req.files.image.path, function (err, data) {

        var imageName = req.files.image.name

        /// If there's an error
        if(!imageName){

            console.log("There was an error")
            res.redirect("/");
            res.end();

        } else {

          var newPath = __dirname + "/uploads/fullsize/" + imageName;

          /// write file to uploads/fullsize folder
          fs.writeFile(newPath, data, function (err) {

            /// let's see it
            res.redirect("/uploads/fullsize/" + imageName);

          });
        }
    });
});


Answer 2:

app.post('/', function(req, res) {
  console.log(req.files);
  fs.readFile(req.files.displayImage.path, function (err, data) {

    var newPath = __dirname + "/uploads/"+req.files.displayImage.name;
    fs.writeFile(newPath, data, function (err) {
      if (err) throw err;
      res.redirect("back");
    });
  });
});

仅供参考,“执行console.log(req.files)”将包含这样的事情:

{ displayImage:
   { domain: null,
     _events: null,
     _maxListeners: 10,
     size: 84654,
     path: 'E:\\Users\\xyz\\AppData\\Local\\Temp\\90020831e2b84acb2d4851e4d4
2d77d5',
     name: 'ccc - 1.jpg',
     type: 'image/jpeg',
     hash: false,
     lastModifiedDate: Wed May 22 2013 07:47:39 GMT+0530 (India Standard Time),
     _writeStream:
      { domain: null,
        _events: null,
        _maxListeners: 10,
        path: 'E:\\Users\\xyz\\AppData\\Local\\Temp\\90020831e2b84acb2d4851e
4d42d77d5',
        fd: 4,
        writable: false,
        flags: 'w',
        encoding: 'binary',
        mode: 438,
        bytesWritten: 84654,
        busy: false,
        _queue: [],
        _open: [Function],
        drainable: true },
     length: [Getter],
     filename: [Getter],
     mime: [Getter] }
}


Answer 3:

我遇到了同样的问题。 帆不承认req.files(不确定)。 所以,你的问题似乎与很多帆船。 以下解决我的问题(特别是船长文档)。

在0.9版本帆,你可以在config / express.js文件去掉这一行:// bodyParser:需要(“表达”)bodyParser,

在0.10版本中,使用req.files的req.file代替。 查看文件上传他们的测试文档: http://beta.sailsjs.org/#/documentation/reference/Upgrading

一定要检查出的船长文档以及: https://github.com/balderdashy/skipper 。 最有可能你的帆的版本将使用它来处理文件上传。



文章来源: How do I upload a file using node js?