Загрузка файла изображения не работает

Question

$scope.displayTaskOutput = function() {
        console.log("Selected jobId is...."+$scope.widgetForm.query_config.selectedTasks.jobId)
        console.log("Selected File is....."+$scope.widgetForm.query_config.selectedFiles)

        $http({
                url: baseUrl+"/"+$scope.widgetForm.query_config.selectedTasks.jobId+"/download",
                method: "GET",
                params: {fileName:$scope.widgetForm.query_config.selectedFiles},
                headers: {
                    'x-api-key': apiKey,
                    'Content-Type': 'application/json'
                },
                data: ''

            }).success(function(data, status) {
                //console.log(data);
                $scope.taskOutputData = data
                var mimeType = 'image/pjpeg';



                var link = document.createElement('a');


            link.setAttribute('download', $scope.widgetForm.query_config.selectedFiles);
            link.setAttribute('href', 'data:' + mimeType + ';charset=utf-8,' + encodeURIComponent(data));
            link.click();
            }).error(function(data, status) {
                console.log("failed:" + status);
                console.log("data : " + data.message);

            });
    };

Здесь, когда я пытаюсь загрузить текстовый файл, он загружается и открывается нормально, но не текстовый файл, когда я пытаюсь загрузить файл jpg, pdf, png, он загружается, но он поврежден, когда я пытаюсь открыть его. не открывается и говорит "Файл не может быть открыт, так как он содержит ошибки"