从附件获取图像作为 Arraybuffer 后如何使用 Axios 将图像作为文件发布

Question

作为 POC，我想为我的收据（加油站、商店等）拍照，并使用聊天机器人将它们发送到我的会计软件。我的问题与使用其 API 将收集到的收据（图像）发送到会计软件有关。

第一部分（获取附件）生成一个带有图像的 Arraybuffer。为此，我使用了其中一个 NodeJS 示例（nr 15）。

    const attachment = turnContext.activity.attachments[0];
    const url = attachment.contentUrl;
    let image;
    axios.get(url, { responseType: 'arraybuffer' })
        .then((response) => {
            if (response.headers['content-type'] === 'application/json') {
                response.data = JSON.parse(response.data, (key, value) => {
                    return value && value.type === 'Buffer' ? Buffer.from(value.data) : value;
                });
            }
            image = response.data;
        }
        ).catch((error) => {
            console.log(error);
        });

我正在为第二部分苦苦挣扎。将图像发布到会计软件

const requestConfig = {
        headers: {
            'Authorization': 'Bearer ' + accessToken,
            'Content-Type': 'application/x-www-form-urlencoded'
        }
    };
    axios.post(postUrl, image, requestConfig)
        .then((response) => { console.log(response); }
        ).catch((error) => {
            console.log(error);
        });
};

这会导致 400. bad request。可能 API 需要一个文件，而我不能只发送缓冲区。我用 Postman 进行了测试，并通过使用 application/x-www-form-urlencoded （通过使用本地存储的图像文件）接受了请求。

发布在缓冲区数组中检索到的图像的最佳做法是什么？

Answer 1

我认为您的评论是正确的，您需要先将其转换为文件。该通道不是问题，因为该文件将存储在托管机器人的任何位置。 Attachments Sample 实际上是has this code，它让你接近：

fs.writeFile(localFileName, response.data, (fsError) => {
    if (fsError) {
        throw fsError;
    }
    // Send the file
    const url = '<yourApiUrl>';
    const formData = new FormData();
    formData.append('file',fs.createReadStream('<pathToFile>'), { knownLength: fs.statSync('<pathToFile>').size });
    const config = {
        headers: {
            ...formData.getHeaders(),
            'Content-Length': formData.getLengthSync()
        }
    };
    axios.post(url, forData, { headers });
});

我对@9​​87654326@ 部分不是很有信心，只是因为我无法针对您的 API 进行测试。我从here获得了大部分代码。