Не удается вызвать API LogMeal

#ajax #debugging #image-processing #file-upload

Вопрос:

Я застрял на пару дней, пытаясь заставить этот API работать. Основная проблема заключается в том, что я не совсем уверен, какой параметр требуется для API LogMeal. введите описание изображения здесь

Он говорит, что ему требуется какая-то двоичная строка в теле запроса? Но этот вызов API в основном предназначен для проверки того, какая еда находится в палитре ur, поэтому для этого требуется изображение. Поэтому я немного запутался в том, как интерпретировать документацию API LogMeal.

 <form action="" method="POST" name="singleDishImageUploadForm" id="singleDishImageUploadForm" enctype="multipart/form-data">   
    <input type="file" id="input-file" />
    <input type="text" id="single_browse_link" name="single_browse_link"
    placeholder="Paste your link here" style="float: left;">
</div>
    <div class="submit-button">
        <input type="submit" name="btnSingleDish" id="btnSingleDish" class="submit" value="Analyze" style="margin-top: 2%">
    </div>
</form>
<div id="loading">


</div>
<script>
$("#singleDishImageUploadForm").on('submit',(function(e) {
    /*** Single image form submit function***/

    e.preventDefault();
    var isFileUpload;

    //image url value
    urlValue = $('#single_browse_link');

    //captcha response value

    // input file
    var file = $('#input-file')[0].files[0];
    var formData = new FormData($('#singleDishImageUploadForm')[0]);

    demo_recognition(formData);
}));

function demo_recognition(formData){
    $.ajax({
        url: "https://api.logmeal.es/v2/image/recoenter code heregnition/dish/v0.9?skip_types=[1,3]amp;language=eng",
        method: "POST",
        data: formData,
        dataType:"json",
        contentType: false,
        cache: false,
        processData: false,
        async: true,
        "headers": {
                "Content-Type": "multipart/form-data",
                "Authorization": "Bearer dc7d7907cff2b2b9576fd2fe7afa0c28bec97b3d"
            },
        success: function(response) {
            console.log(data);
        },
        error: function(jqXHR, textStatus, errorMessage) {
            console.log(formData);

            console.log(jqXHR.responseJSON.message);
            console.log(errorMessage);
            console.log(textStatus);
        }
        });
}
</script>
 

Вот код, над которым я работал последние несколько дней. Возможно, я делаю что-то не так, поэтому я был бы очень признателен, если бы были какие-либо ответы, которые могли бы мне помочь!