如何将使用网络摄像头拍摄的图像发送到 api？ [复制]答案

【问题标题】：How do I send an image taken with the webcam to an api? [duplicate]如何将使用网络摄像头拍摄的图像发送到 api？ [复制]
【发布时间】：2019-04-25 15:19:12
【问题描述】：

我正在尝试将图像发送到 API 进行处理，问题是我需要发送 pc 网络摄像头捕获的图像，

imageCapture.takePhoto().then(function (blob) {                                      
  var imagen = new File([blob], "name",{type:"image/jpeg"}); 
  fileUpload[0] = imagen;
});

这就是我将图像保存在变量中的方式，因此我将其发送到 API：

var formData = new FormData();
formData.append('files', fileUpload[0]);
    var obj = {};
    var res = "";
    var oControl = this.getView().byId("txtArea");
    $.ajax("/service/models/personas/versions/2", {
        type: "POST",
        data: formData,
        cache: false,
        headers: {
            "Authorization": "Bearer " + token
        },

但我收到以下错误：

上传文件时出错:: 文件类型无效

在使用 Postman 发送具有相同“jpeg”格式的图像之前，我已经使用过它并且它可以工作，那么我做错了什么？

希望你能帮助我，谢谢。

【问题讨论】：

我猜你的标题中需要一个 "Content-Type": "image/jpeg"。
我试过了，现在又出现了另一个错误：“无效请求：此服务至少需要 1 个文件。请将您的文件放入 POST 请求的 files 字段中”
我的错误是我创建的文件没有扩展名，谢谢大家。

标签： javascript image api sapui5 webcam

【解决方案1】：

没有名为type 的标头。您需要 {Content-Type:"image/jpeg"} 而不是 {type:"image/jpeg"}，这是适当的 HTTP 标头。由于邮递员不处理您的数据，因此您找不到错误。

【讨论】：

【解决方案2】：

            $("#btnUploadDoc").click(function (e) {
                e.preventDefault(); 
                var formData = new FormData(); 
                var opmlFile = $('#file1').get(0).files;
                formData.append(Name, opmlFile[0]); 
                $.ajax({
                    url: "/service/models/personas/versions/2",
                    type: 'POST',
                    data: formData,
                    cache: false,
                    contentType: false,
                    processData: false,
                    dataType: 'json',
                    success: function (data) {                       
                        alert(data.msg);
                    }
                });
            });

【讨论】：