【发布时间】:2019-05-13 22:01:24
【问题描述】:
我正在尝试将文件从我的 Angular 应用程序传递到 node.js 服务器。
当我运行应用程序时,我收到以下错误: 错误:请选择文件
HTML:
<upload name="fileUpload" formControlName="fileUpload" #fileUpload (listChange)="updateList($event)" data-kind="primary"
[imagePreview]="true">
</upload>
这是我的updateList() 方法:
updateList(list: any) {
this.demolist = Array.apply(this, list);
this.attachmentReady.emit(this.demolist);
}
节点:
const express = require('express')
const app = express()
const bodyParser = require('body-parser')
const multer = require('multer');
let nodemailer = require('nodemailer');
let aws = require('aws-sdk');
const fs = require('fs');
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'uploads')
},
filename: function (req, file, cb) {
cb(null, file.fieldname + '-' + Date.now() + path.extname(file.originalname))
}
});
var upload = multer({ storage: storage });
app.post('/postData', upload.array('fileUpload', 12), (req, res, next) => {
console.log(req.body);
res.json(req.body);
const files = req.files
if (!files) {
const error = new Error('Please choose files')
error.httpStatusCode = 400
return next(error)
}
res.send(files);
}
在另一个项目中,multer 按预期工作。以下是该项目的 HTML:
<form action="/uploadmultiple" enctype="multipart/form-data" method="POST">
Select images: <input type="file" name="myFiles" multiple>
<input type="submit" value="Upload your files" />
</form>
我的工作代码和不工作的代码之间的区别在于,如果类型是file,我可以使用标准的input 控件。
但是我现在需要使用upload 控件,并且当我进行该更改时,我的代码无法正常工作。
谁能告诉我如何使用这个控件来传递文件?提前非常感谢!
【问题讨论】: