编辑: === 为了清楚起见,我希望将文件上传到服务器,无论是图片还是一些 .txt ===
我已经查看了与此类似的其他常见问题,但无法缓解我的问题。
目的是创建文件上传功能。前端看起来像这样:
<div class="holdingDiv">
<form action="/file-upload" name="upload" class="dropzone dz-clickable" id="dropzoneArea" enctype="multipart/form-data">
<input style="display:none" type="file" name="thumbnail[thumbs]" />
<button id="uploadSubmitter" class="btn btn-primary btn-large" type="submit">Finished</button>
</form>
</div>
我有表格类型和所有爵士乐设置。
处理 post 请求的 server.js 如下所示:
app.post('/file-upload', imports.upload);
请注意,我还需要满足以下条件:
//needed for forms
app.use(express.bodyParser());
以及调用 import.upload 导出函数所需的功能。
Exports.upload 函数看起来像这样:
exports.upload = function (req, res) {
console.log('FIRST TEST: ' + JSON.stringify(req.files));
console.log('second TEST: ' +req.files.thumbnail.thumbs.name);
//get the file extenstion:
//console.log('size' + req.files.thumbnail.size);
// console.log('test this: ' + req.files.thumbnail.name);
// var fileExtension = JSON.stringify(req.files);
//console.log('Im getting this file type: '+ fileExtension.name);
// console.log('this: '+req.files.upload);
//fs.readFile(req.files.uploadFiles.path, function (err, data) {
// // ...
// var newPath = __dirname + "/uploads/"+uploadFiles.name;
// fs.writeFile(newPath, data, function (err) {
// res.redirect("back");
// });
//});
}
当我尝试不同的方法让它发挥作用时,很多东西都被注释掉了。我可以使用 JSON Stringify 作为一个整体对象来调用它,但我希望它作为一个可以深入研究并从中获取信息的对象,例如我想通过用“.”分割文件名来了解文件的类型:
req.files.thumbnail.thumbs.name
但是当我尝试这个(甚至 JSON Stringyfied)时,它说它是未定义的。
我尝试过的事情:
将整个功能移至 app.js (有一个使用 req.body 工作的小型登录功能,我认为这可以修复它。
使用 JSON Stringify 获取对象的特定部分。 (返回未定义)
我的头撞在键盘上。 (返回未定义)
将表单 enctype 更改为几个不同的东西,但是这里的大多数答案都表明表单数据是文件上传的最佳 enctype。
任何关于为什么会发生这种情况的帮助和指示将不胜感激!