javascript - 画像ファイルのダウンロードがうまくいかない

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ファイルをダウンロードしようとすると、テキストファイル以外はダウンロードされますが、開こうとすると破損します開かず、「エラーが含まれているためファイルを開けません」と表示される