将图片添加到HTTP请求作为请求正文

如何解决将图片添加到HTTP请求作为请求正文

我们是一个大学团队，致力于使用React Native创建减少食物浪费的应用程序，我们的目标是使用Azure的Analyze Image API。

AnalyzeImage API将本地图像作为请求正文，并返回json响应。 我的团队正在尝试发送HTTP请求以使用Analyze Image API分析图像。 要将图像添加为请求正文，我们将FormData用作请求正文以及来自设备的本地图像。一些图像能够获得200状态响应，但是即使图像小于4 mb，它们中的许多也会给我们提供InvalidImageSize错误（即使imageSize只有120KB，它们也会给我们带来此错误。我们不确定为什么会这样会发生，但是我们的猜测是，在为HTTP请求创建FormData时，它会使整个请求大小太大？

有什么方法可以将图像添加为请求正文，而不是使用FormData从设备或模拟器上传本地图像？任何帮助将不胜感激。谢谢！

在我们的代码中，我们的应用程序从相机中获取了picutre，并使用uri来指定路径。

const apiPath = `${endpoint}/vision/v2.0/analyze`;

        const fd = new FormData();

       //ImagePicker from other handler will return uri and name for below.
        var items = {
            uri: image.uri,name: image.name,type: "image/jpeg",};

        fd.append("file",items);
        axios
            .post(apiPath,fd,{
                params: {
                    language: "en",visualFeatures: "Objects",},headers: {
                    "Ocp-Apim-Subscription-Key": key,"Content-Type": "multipart/form-data",})

解决方法

以下是使用计算机视觉REST API分析本地图像的快速入门示例。请关注quick-start和响应快照。

使用REST界面分析本地图像，并且应该相当容易使用。招摇/邮递员是一个好的开始，您可以从那里生成一个客户开始。或从示例开始，然后移植到其他语言。