Electron应用调用API替换服务器文件时请求Payload不符问题求助

看起来你的问题出在FormData中文件的处理上——直接传入fs.readFileSync返回的Buffer，导致请求Payload没有正确带上文件名和MIME类型元数据，和API预期的格式不匹配。咱们来一步步解决这个问题：

问题分析 #

你的代码里直接把Buffer传给FormData.append('file', ...)，但jQuery的AJAX在处理Buffer类型的文件时，无法正确识别你指定的文件名和关联的MIME类型，这就导致实际Payload里的file部分缺失了这些关键元数据，和API预期的格式产生了差异。

解决方案 #

我们可以通过两种方式修复这个问题：要么把Buffer转换为Blob对象让FormData正确携带元数据，要么改用原生Fetch API（在Electron环境中兼容性更可靠）。

方案1：将Buffer转为Blob后使用jQuery AJAX #

修改文件读取和FormData构建的部分，把Buffer转换成带有指定MIME类型的Blob：

const fs = require('fs');
const path = require('path');

// 读取文件Buffer并转换为Blob
const fileBuffer = fs.readFileSync(path.resolve('gitignore.txt'));
const fileBlob = new Blob([fileBuffer], { type: 'text/plain' });

let form = new FormData();
form.append("type", "jur_document");
// 传入Blob对象+文件名，确保元数据被正确携带
form.append("file", fileBlob, 'gitignore.txt');
form.append("saveActionType", "SAVEMAJOR");
form.append("attributes", "MIMETYPE=text/plain");

let settings = {
  "async": true,
  "url": `${Constante.URL}/documents`,
  "method": "POST",
  "headers": {
    "Authorization": sessionStorage.getItem('authorization')
  },
  "processData": false,
  "contentType": false, // 必须设为false，让浏览器自动生成正确的multipart边界
  "data": form
};

$.ajax(settings)
.done((response) => {
  console.log(response);
}).fail(err => {
  console.log(err);
});

方案2：改用原生Fetch API（推荐） #

原生Fetch API对FormData和Blob的支持更稳定，能避免jQuery可能带来的兼容性问题：

const fs = require('fs');
const path = require('path');

const fileBuffer = fs.readFileSync(path.resolve('gitignore.txt'));
const fileBlob = new Blob([fileBuffer], { type: 'text/plain' });

let form = new FormData();
form.append("type", "jur_document");
form.append("file", fileBlob, 'gitignore.txt');
form.append("saveActionType", "SAVEMAJOR");
form.append("attributes", "MIMETYPE=text/plain");

fetch(`${Constante.URL}/documents`, {
  method: 'POST',
  headers: {
    "Authorization": sessionStorage.getItem('authorization')
    // 不要手动设置Content-Type，Fetch会自动处理multipart/form-data的边界
  },
  body: form
})
.then(response => {
  if (!response.ok) throw new Error('Request failed');
  return response.json();
})
.then(data => console.log(data))
.catch(err => console.error(err));

额外注意事项 #

• 确认attributes字段的格式完全符合API要求（比如你示例中的MIMETYPE=text/plain，要和API文档的要求一致）
• 在Electron中，sessionStorage仅在渲染进程上下文内可用，如果是在主进程中操作，需要改用Electron的session模块或其他存储方式
• 不要手动设置Content-Type为multipart/form-data，让浏览器或Fetch自动生成，否则可能会丢失边界标识，导致API无法解析Payload

内容的提问来源于stack exchange，提问作者billy boy