Javascript 图像文件的下载不起作用

在这里，当我试图下载一个文本文件时，它被下载并打开良好，但不是文本文件。当我试图下载一个jpg、pdf、png文件时，它被下载，但当我试图打开它时，它被破坏。它没有打开，并说“文件无法打开，因为它包含错误”

尝试将内容类型设置为“image/jpg”或查看此内容。尝试了相同的内容，但仍然相同…问题未解决…请帮助我是否需要在服务器端设置任何内容

$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);

            });
    };