如何将 Node 中的 multipart/form-data POST 请求转发到另一个服务

Question

我需要从客户端向我的 Node.js 服务器发送 multipart/form-data POST（xliff 文件），然后在 Node.js 中捕获数据并将该 POST 转发到另一个 Java 服务。

我已经使用multer和express-fileupload来解析表单数据流并在 Node.js 中捕获 xliff 的缓冲区，并且两者都给了我文件及其内容作为缓冲区就好了。

但是，我似乎无法在 Node 层中重新创建 FormData 对象以将 POST 转发到 Java 服务。

我继续收到错误消息“连接终止解析多部分数据”或从 Java 服务中根本没有响应。

我还尝试使用该tmp库在本地创建一个临时文件来写入缓冲区，然后尝试FormData('file', fs.createReadStream(<path>))这样做，但这对我来说似乎也不起作用......尽管我不确定我是否做得正确。

doPOST直接从浏览器使用完全相同的请求工作正常，但是一旦我尝试捕获节点层中的调用，然后将 POST 转发到 Java 服务，它就不再适用于我了。

.

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

router.post('/', upload.any(), (req, res) => {
  const { headers, files } = req;

  console.log('--------------- files:', files[0]); // object with buffer, etc.

  const XMLString = files[0].buffer.toString('utf8'); // xml string of the xliff

  const formFile = new FormData();
  formFile.append('file', XMLString);

  console.log('--------------- formFile:', formFile); // FormData object with a key of _streams: [<xml string with boundaries>, [Function: bound ]]

  headers['Content-Type'] = 'multipart/form-data';
  const url = 'some/url/to/Java/service'

  doPOST(url, formFile, {}, headers)
    .catch((error) => {
      const { status, data } = error.response;
      res.status(status).send(data);
    })
    .then(({ data }) => {
      res.send(data);
    });
});

Answer 1

您可以直接将 传递buffer给您的表单数据，但是您还需要指定filename参数。

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

router.post('/', upload.any(), (req, res) => {
  const { headers, files } = req;
  const { buffer, originalname: filename } = files[0];

  const formFile = new FormData();
  formFile.append('file', buffer, { filename });

  headers['Content-Type'] = 'multipart/form-data';
  const url = 'some/url/to/Java/service'

  doPOST(url, formFile, {}, headers)
    .catch((error) => {
      const { status, data } = error.response;
      res.status(status).send(data);
    })
    .then(({ data }) => {
      res.send(data);
    });
});

Answer 2

这是我在 NodeJS 中提出的解决方案的伪代码示例。我在 ApolloGQL 中使用了类似的解决方案，但它同样适用于 ExpressJS。因此，我的示例采用的模式更类似于 ExpressJS。

下面的示例展示了如何传递 JSON 对象以及如何在发送之前将文件缓冲区传递到 FormData 中。

const FormData = require('form-data'); // version ^3.0.0

router.post('/', async (req, res) => {
  const { body } = req;
  const { stringContentOfSomeFile } = body;
  
  // create formData for your request:
  const thisForm = new FormData();

  // passing a JSON object:
  // must declare "contentType: application/json" to avoid 415 status response from some systems:
  const someJson = JSON.stringify({  key: 'value', otherKey: 'otherValue' });
  thisForm.append('data', someJson, { contentType: 'application/json' });
  
  // passing a file buffer:
  const fileBuffer = Buffer.from(stringContentOfSomeFile, 'utf-8');
  thisForm.append('form_field_name_here', fileBuffer, 'file_name_here');

  const response = await axios.post('/path/to/endpoint', thisForm, {
    // must getHeaders() from "formData" to define the boundaries of the appended data:
    headers: { ...thisForm.getHeaders() },
  });

  // do whatever you need with the response:
  res.send(response);
});