Kendo UI Angular将文件作为Node.JS上传到后端

Question

我正在使用Kendo Upload Control将文件上传到使用GridFS multer的Node.js后端。

角

<kendo-upload 
  [saveField]="file"
  [withCredentials]="false"
  [saveUrl]="uploadUrl"
  (autoUpload)="false"
  [multiple]="false"
  (select)="selectProfilePic($event)"></kendo-upload>

但是，node.js API无法接收请求。 我正在使用[saveField]="file"来传递上传的文件和下面的[saveField]="file"

var storage = new GridFsStorage({
    //url: mongoose.connection.client.s.url,
    //options: options,
    db: mongoose.connection,
    file: (req, file) => {
      return new Promise((resolve, reject) => {
        myCrypto.randomBytes(16, (err, buf) => {
          if (err) {
            return reject(err);
          }
          const filename = buf.toString('hex') + path.extname(file.originalname);
          const fileInfo = {
            filename: filename,
            bucketName: 'uploads'
          };
          resolve(fileInfo);
        });
      });
    }
  });



const upload = multer({ storage });
router.post('/upload', upload.single('file'), fileUpload);

module.exports = router;

function fileUpload(req, res) {

 console.log("fileUpload")
  try {
    res.send({ file: req.file })
  }
  catch(err){

    console.log(err);
    res.send(err)
  }
}

日志

2019-07-21T19：34：33.679205 + 00：00 app [web.1]：文件控制器2019-07-21T19：34：33.680436 + 00：00 app [web.1]：{} 2019-07-21T19： 34：33.983631 + 00：00 app [web.1]：MulterError：意外字段2019-07-21T19：34：33.983647 + 00：00 app [web.1]：在wrappedFileFilter（/ app / node_modules / multer / index。 js：40：19）2019-07-21T19：34：33.983649 + 00：00 app [web.1]：在Busboy上。 （/app/node_modules/multer/lib/make-middleware.js:114:7）2019-07-21T19：34：33.983650 + 00：00 app [web.1]：在Busboy.emit（events.js：198 ：13）2019-07-21T19：34：33.983670 + 00：00 app [web.1]：在Busboy.emit（/app/node_modules/busboy/lib/main.js:38:33）2019-07-21T19 ：34：33.983671 + 00：00 app [web.1]：在PartStream上。 （/app/node_modules/busboy/lib/types/multipart.js:213:13）2019-07-21T19：34：33.983673 + 00：00 app [web.1]：在PartStream.emit（events.js：198 ：13）2019-07-21T19：34：33.983674 + 00：00 app [web.1]：位于HeaderParser。 （/app/node_modules/dicer/lib/Dicer.js:51:16）2019-07-21T19：34：33.983675 ​​+ 00：00 app [web.1]：位于HeaderParser.emit（events.js：198：13 ）2019-07-21T19：34：33.983677 + 00：00 app [web.1]：位于HeaderParser._finish（/app/node_modules/dicer/lib/HeaderParser.js:68:8）2019-07-21T19：34 ：33.983678 + 00：00 app [web.1]：位于SBMH。 （/app/node_modules/dicer/lib/HeaderParser.js:40:12）2019-07-21T19：34：33.983679 + 00：00 app [web.1]：在SBMH.emit（events.js：198：13 ）2019-07-21T19：34：33.983680 + 00：00 app [web.1]：位于SBMH._sbmh_feed（/app/node_modules/streamsearch/lib/sbmh.js:159:14）2019-07-21T19：34 ：33.983682 + 00：00 app [web.1]：在SBMH.push（/app/node_modules/streamsearch/lib/sbmh.js:56:14）2019-07-21T19：34：33.983683 + 00：00 app [ web.1]：在HeaderParser.push（/app/node_modules/dicer/lib/HeaderParser.js:46:19）2019-07-21T19：34：33.983685 + 00：00 app [web.1]：在Dicer。 _oninfo（/app/node_modules/dicer/lib/Dicer.js:197:25）2019-07-21T19：34：33.983686 + 00：00 app [web.1]：在SBMH。 （/app/node_modules/dicer/lib/Dicer.js:127:10）2019-07-21T19：34：33.989908 + 00：00 heroku [router]：at = info method = POST path =“ / v1 / file /上传“ host = herokuapp.com request_id = aa1010df-d244-46bc-9b36-f8e437d5ad2a fwd =” 80.233.46.84“ dyno = web.1 connect = 0ms service = 312ms status = 500 bytes = 286 protocol = https

Answer 1

您是否有可能将字段名称设置为某个file变量？ 因此，我相信您希望[saveField]="file"将字段名称设置为'file'字符串，但是它会搜索一些undefined this.file变量，因此您将字段名称设置为默认的'files'值？

Answer 2

遵循@GProst的建议并进行了一些分析，以下修复有效，但我尚不知道解决方案。

根据Kendo UI角度文档 ，

设置FormData键，该键包含提交到saveUrl的文件。 默认值为files 。

因此，我只是将参数名称从file更改为files并且它起作用了。

const upload = multer({ storage });
router.post('/upload', upload.single('files'), fileUpload);