使用NGX-formly和Angular 6使用Node.js解析通过POST发送的JSON中包含的文件

npm install ngx-formly @angular/forms --save

import { Component } from '@angular/core';
import { FormGroup } from '@angular/forms';
import { FormlyFieldConfig } from 'ngx-formly';

@Component({
  selector: 'app-form',
  template: `
    <form [formGroup]="form" (ngSubmit)="onSubmit()">
      <formly-form [form]="form" [fields]="fields"></formly-form>
      <button type="submit">Submit</button>
    </form>
  `,
})
export class FormComponent {
  form = new FormGroup({});
  fields: FormlyFieldConfig[] = [
    {
      key: 'file',
      type: 'file',
      templateOptions: {
        label: 'File',
      },
    },
  ];

  onSubmit() {
    const formData = new FormData();
    formData.append('file', this.form.get('file').value);

    // 发送POST请求到后端
    // 使用HttpClient模块发送请求
  }
}

npm install multer --save

const express = require('express');
const multer = require('multer');

const upload = multer({ dest: 'uploads/' });

const app = express();

app.post('/upload', upload.single('file'), (req, res) => {
  // 处理上传的文件
  const file = req.file;
  console.log(file);

  // 返回响应
  res.json({ message: 'File uploaded successfully' });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});