我环顾四周,看着就如何上传使用节点/快递文件的各种教程。 我觉得我做错了什么对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>
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);
});
}
});
});
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] }
}
我遇到了同样的问题。 帆不承认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 。 最有可能你的帆的版本将使用它来处理文件上传。