Обработка двоичного файла изображения, возвращенного с сервера

Если инструмент chrome dev отображает изображение правильно, значит, это действительный файл большого двоичного объекта. Вам просто нужно указать тип ответа в вашем запросе, а также вы можете использовать createObjectURL для генерации изображения

Вот образец фрагмента

    function response(e) {
        var urlCreator = window.URL || window.webkitURL;
        console.info(this.response);
        var imageUrl = urlCreator.createObjectURL(this.response);
        document.querySelector("#image").src = imageUrl;
        }
    function GetImageBlob(){
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "https://secret/upload/IMG_1_201810220930_1.jpg");
        //Set Header if is required by the api
        xhr.setRequestHeader("Authorization","Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE1NDAyMTg5MDYsImlzcyI6Imh0dHA6Ly9yc3YtZGV2LmJsb3RvY29sLnRlY2gvYWRtaW4iLCJhdWQiOiJodHRwOi8vcnN2LWRldi5ibG90b2NvbC50ZWNoL2FkbWluIn0.YTHKhrl05PWDWCkHB1Nw7yW5166NiyGG3kZ_7SWfT1I");
        xhr.responseType = "blob";
        xhr.onload = response;
        xhr.send();
    }
    GetImageBlob();