如何使用Electron net模块无需第三方库实现POST请求传输文件

云原生阿岚

2026-9-27

解决方案

核心思路是使用浏览器原生API将FormData转为可被net.request接收的Buffer类型，同时自动匹配multipart/form-data所需的请求头，全程无需引入第三方库。

实现步骤

请求头设置：通过原生Response对象自动获取FormData对应的完整Content-Type（含自动生成的boundary），无需手动拼接边界值
FormData转Buffer：将FormData转为ArrayBuffer后再转为Node.js支持的Buffer类型，即可传入request.write方法

完整示例代码

// 你已有的FormData生成逻辑
var formData = new FormData();
var myFile = document.getElementById("myFileInput");
formData.append('myFile',myFile.files[0]);

// 转换FormData并发起请求
async function sendFormData() {
  // 原生API转换，无需第三方库
  const formResponse = new Response(formData);
  // 获取带boundary的Content-Type头
  const contentType = formResponse.headers.get('Content-Type');
  // 转成ArrayBuffer后再转Buffer
  const formBuffer = Buffer.from(await formResponse.arrayBuffer());

  // 初始化net请求
  const request = net.request({
    url: 'http://localhost/xxx',
    method: 'POST'
  })

  // 设置请求头
  request.setHeader('Content-Type', contentType);
  request.setHeader('Content-Length', formBuffer.length);

  request.on('response', (response) => {
    console.log(`STATUS: ${response.statusCode}`)
    console.log(`HEADERS: ${JSON.stringify(response.headers)}`)
    response.on('data', (chunk) => {
        console.log(`BODY: ${chunk}`)
    })
    response.on('end', () => {
        console.log('No more data in response.')
    })
  })
  // 写入转换后的Buffer
  request.write(formBuffer)
  request.end()
}

// 调用函数
sendFormData()