Node.js本地图片上传Imgur报400错误，疑表单数据处理有误

你的代码存在两个关键问题，直接导致了400错误：

问题1：手动设置multipart/form-data请求头 #

使用FormData作为请求体时，绝对不能手动设置Content-Type。fetch会自动生成包含boundary标识的正确请求头，手动设置会丢失这个关键标识，导致服务器无法解析表单数据。

问题2：FormData添加图片的参数不完整 #

直接传入文件buffer时，必须指定文件名和MIME类型，否则Imgur无法识别上传文件的格式。在Node.js环境下，也可以用文件流的方式更高效地处理文件上传。

修正后的代码 #

const fs = require('fs');
const FormData = require('form-data'); // Node.js版本低于18时需要安装该包
const fetch = require('node-fetch'); // Node.js版本低于18时需要安装该包

const directoryPath = './imagesExercises/1dumbbellflyes.png';

async function uploadToImgur() {
    const formData = new FormData();
    
    // 方式1：用buffer上传，指定文件名和MIME类型
    const buffer = fs.readFileSync(directoryPath);
    formData.append('image', buffer, {
        filename: '1dumbbellflyes.png',
        contentType: 'image/png'
    });

    // 方式2：用文件流上传（更适合大文件）
    // formData.append('image', fs.createReadStream(directoryPath), {
    //     filename: '1dumbbellflyes.png',
    //     contentType: 'image/png'
    // });

    try {
        const response = await fetch('https://api.imgur.com/3/upload', {
            method: 'POST',
            headers: {
                'Authorization': `Client-ID ${process.env.IMGUR_CLIENT_ID}`
                // 移除手动设置的Content-Type
            },
            body: formData
        });
        const imgurResult = await response.json();
        console.log(imgurResult);
        if (imgurResult.success) {
            console.log('图片链接:', imgurResult.data.link);
        } else {
            console.error('上传失败:', imgurResult.data.error);
        }
    } catch (error) {
        console.error('请求异常:', error);
    }
}

uploadToImgur();

额外注意事项 #

• Node.js版本低于18时，需要先安装依赖：npm install node-fetch form-data
• 确保process.env.IMGUR_CLIENT_ID已正确配置，且Client ID处于有效状态
• 检查文件路径是否正确，确认文件存在且当前进程有读取权限

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