如何使用 AngularJS 从 ASP.NET Web API 下载文件？

使用 AngularJS 从 ASP.NET Web API 方法下载文件

使用 AngularJS 进行开发时，通常需要从外部源下载文件。这可以通过向返回所需文件的 Web API 方法发出 HTTP GET 请求来实现。

在 AngularJS 中实现请求

要在 AngularJS 中启动下载过程，您可以使用 $http 服务向您的 Web API 方法发出 HTTP GET 请求。下面是一个示例：

$scope.getthefile = function () {
  $http({
    method: 'GET',
    cache: false,
    url: $scope.appPath + 'CourseRegConfirm/getfile',
    headers: {
      'Content-Type': 'application/json; charset=utf-8'
    }
  }).success(function (data, status) {
    // Handle the downloaded file here
  }).error(function (data, status) {
    // Handle any errors that may occur
  });
}

从 Web API 方法返回文件

在 ASP.NET Web API 方法中，您需要配置响应以指示返回的内容是一个可供下载的文件。下面是一个示例：

[Authorize]
[Route("getfile")]
public HttpResponseMessage GetTestFile()
{
  HttpResponseMessage result = null;
  var localFilePath = HttpContext.Current.Server.MapPath("~/timetable.jpg");

  if (!File.Exists(localFilePath))
  {
    result = Request.CreateResponse(HttpStatusCode.Gone);
  }
  else
  {
    // Serve the file to the client
    result = Request.CreateResponse(HttpStatusCode.OK);
    result.Content = new StreamContent(new FileStream(localFilePath, FileMode.Open, FileAccess.Read));
    result.Content.Headers.ContentDisposition = new System.Net.Http.Headers.ContentDispositionHeaderValue("attachment");
    result.Content.Headers.ContentDisposition.FileName = "SampleImg";
  }

  return result;
}

在 AngularJS 中处理下载的文件

您可以使用两种方法在 AngularJS 中处理下载的文件：

1. 简单下载：

$scope.downloadFile = function (downloadPath) {
  window.open(downloadPath, '_blank', '');
}

2. Ajax 二进制下载：

$scope.downloadFile = function (httpPath) {
  $http.get(httpPath, { responseType: 'arraybuffer' })
  .success(function (data, status, headers) {
    // Handle the downloaded file here using the data
  }).error(function (data, status) {
    // Handle any errors that may occur
  });
}

请记住将您的 Web API 方法配置为指定适当的响应标头，包括 x-filename 和内容类型。

通过实现这些技术，您可以使用 AngularJS 从 ASP.NET Web API 方法无缝下载文件，确保流畅且实用的用户体验。

以上是如何使用 AngularJS 从 ASP.NET Web API 下载文件？的详细内容。更多信息请关注PHP中文网其他相关文章！