在Airtable脚本环境中FormData不可用时如何发送multipart/form-data POST请求？

Cloudinary API要求使用multipart/form-data格式发送数据，但在Airtable脚本环境中无法使用FormData对象。原本的实现代码如下，但因环境限制无法运行，请问该如何实现符合要求的请求？

const formData = new FormData();
formData.append('file', assetUrl);
formData.append('upload_preset', CLOUDINARY_UNSIGNED_UPLOAD_PRESET);
formData.append('cloud_name', CLOUDINARY_CLOUD_NAME);

console.debug(`Uploading file (id: ${id}) to Cloudinary`, CLOUDINARY_UPLOAD_URL, formData);
const response = await fetch(CLOUDINARY_UPLOAD_URL, {
  method: 'POST',
  body: formData,
});

解决方案：手动构建multipart/form-data请求体 #

由于Airtable脚本不支持FormData，可以直接按照multipart/form-data的HTTP规范手动构造请求体，具体步骤和代码如下：

实现步骤 #

1. 生成随机的边界符（boundary）：用于分隔请求中的不同字段，需保证不会和字段内容重复
2. 按照规范拼接每个字段的内容：每个字段以--boundary开头，附带字段描述头，后跟字段值
3. 设置请求头：指定Content-Type为multipart/form-data; boundary=你的边界符
4. 发送请求：将拼接好的字符串作为请求体提交

具体代码 #

// 生成随机边界符，避免与内容冲突
const boundary = `----CloudinaryUpload${Math.random().toString(36).slice(2)}`;

// 严格按照multipart/form-data规范拼接请求体
const formBody = [
  `--${boundary}`,
  'Content-Disposition: form-data; name="file"',
  '',
  assetUrl,
  `--${boundary}`,
  'Content-Disposition: form-data; name="upload_preset"',
  '',
  CLOUDINARY_UNSIGNED_UPLOAD_PRESET,
  `--${boundary}`,
  'Content-Disposition: form-data; name="cloud_name"',
  '',
  CLOUDINARY_CLOUD_NAME,
  `--${boundary}--`, // 结尾必须添加闭合边界符
].join('\r\n'); // 必须使用\r\n作为换行符，符合HTTP标准

console.debug(`Uploading file (id: ${id}) to Cloudinary`, CLOUDINARY_UPLOAD_URL);
const response = await fetch(CLOUDINARY_UPLOAD_URL, {
  method: 'POST',
  headers: {
    'Content-Type': `multipart/form-data; boundary=${boundary}`,
  },
  body: formBody,
});

// 处理响应结果
const uploadResult = await response.json();
console.log('Cloudinary上传结果:', uploadResult);

关键注意事项 #

• 换行必须使用\r\n，仅用\n会导致Cloudinary无法正确解析请求体
• 边界符需足够随机，避免和字段内容重复引发解析错误
• 若需上传本地二进制文件（而非远程URL），需额外处理二进制内容的编码，但当前场景下直接传递URL字符串即可

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