AngularJS 从 ASP.NET MVC 控制器保存文件

Question

I am returning a file from an ASP.NET MVC controller and I want to download it as an attachment using AngularJS.

MVC Controller:

return File(renderedBytes, mimeType);

AngularJS:

function generatePDF(reportRequest) {

            var reportController = "Report";
            var controllerUrl = ngAppSettings.homeBaseUri + reportController + "/GeneratePDF";
            var deferred = $q.defer();
            $http({
                method: "POST",
                url: controllerUrl,
                data: reportRequest
            }).success(function (data, status, headers, cfg) {
                //window.open(controllerUrl, "_self", "");
                deferred.resolve(data);
            }).error(function (err, status) {
                deferred.reject(err);
            });

            return deferred.promise;

        };

I've tried various ways as suggested on the similar questions about this but I'm not getting it.

I've tried this too.

My breakpoints hit without any problems inside the GeneratePDF controller but nothing happens after that. How would I go about this?

EDIT:

I also tried angular file saver but I'm getting an error that the format should be in BLOB. If I can only convert the response to a blob then I think this might be it.

TIA

Answer 1

If your C# Controller endpoint returns a FileContentResult (which it appears that it does), then you shouldn't need to worry about promises. You can simply do the following...

function generatePDF(reportRequest) {
            var reportController = "Report";
            var controllerUrl = ngAppSettings.homeBaseUri + reportController + "/GeneratePDF";
            window.open(controllerUrl, "_blank");
        };

I am doing this in one of my apps and it is working as expected. Is there a particular reason you were using the $q service to return a promise?