Express向Stability AI发送二进制图片时“无效MIME类型”错误解决

问题核心原因 #

1. 手动设置Content-Type导致表单解析失败：你手动指定了'Content-Type': 'multipart/form-data'，但axios发送FormData时会自动生成包含boundary的正确请求头，手动设置会覆盖这个自动生成的头，导致Stability AI无法正确解析文件字段，进而识别为application/octet-stream。
2. Base64字符串可能带前缀：若前端传来的Base64包含data:image/png;base64,这类前缀，直接转Buffer会导致文件格式异常，引发MIME类型识别错误。
3. 文件名与Content-Type不匹配：代码里filename设为image.jpg但contentType是image/png，虽非核心问题，但可能造成格式识别混淆。

修复步骤 #

1. 移除手动设置的Content-Type头 #

删除axios请求headers中的'Content-Type': 'multipart/form-data'，让axios自动生成带boundary的正确请求头，也可显式调用formData.getHeaders()确保头信息正确。

2. 处理Base64前缀（若存在） #

先移除Base64字符串中的data:image/xxx;base64,前缀，再转换为Buffer。

3. 统一文件名与Content-Type #

确保filename的后缀和contentType一致，比如都设为png或jpg。

修改后的代码示例 #

app.post('/transform', async(req, res) => {
    const formData = new FormData();
    let data = req.body.image;
    
    // 移除Base64前缀（如果前端传来的字符串包含该前缀）
    data = data.replace(/^data:image\/\w+;base64,/, '');
    
    // 将Base64转换为二进制Buffer
    const imageBuffer = Buffer.from(data, 'base64');
    // 可选：保存文件到本地用于调试
    // const imagePath = 'src/assets/images/image2.png';
    // fs.writeFileSync(imagePath, imageBuffer);
    
    // 统一文件名和Content-Type
    formData.append('init_image', imageBuffer, {
        filename: 'image.png',
        contentType: 'image/png'
    });
    formData.append('init_image_mode', 'IMAGE_STRENGTH');
    formData.append('image_strength', '.40');
    formData.append('text_prompts[0][text]', 'Galactic dog wearing a cape');
    formData.append('text_prompts[0][weight]', '0.5');
    formData.append('cfg_scale', '7');
    formData.append('clip_guidance_preset', 'FAST_BLUE');
    formData.append('samples', '1');
    formData.append('steps', '30');

    try {
        const response = await axios.post(url, formData, {
            headers: {
                'Accept': 'application/json',
                'Authorization': `Bearer ${apiKey}`,
                // 调用FormData内置方法获取正确的请求头
                ...formData.getHeaders()
            },
        });

        const responseData = response.data;
        console.log(responseData);
        res.send(responseData);
    } catch (error) {
        console.error(error.response?.data || error.message);
        res.sendStatus(500);
    }
})

额外验证建议 #

如果修改后仍有问题，先检查本地保存的图片是否能正常打开，确认Base64转Buffer的过程没有出错，排除文件本身的格式问题。

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