AngularJS를 사용하여 ASP.NET 웹 API에서 파일을 다운로드하는 방법은 무엇입니까?

AngularJS를 사용하여 ASP.NET 웹 API에서 파일 다운로드

소개

웹 서비스의 파일 다운로드를 AngularJS 애플리케이션에 통합 브라우저 제한으로 인해 문제가 발생할 수 있습니다. 이 기사에서는 AngularJS에서 바이너리 파일 다운로드를 처리하는 다양한 방법을 살펴봅니다.

간단한 다운로드 방법

기본 파일 다운로드의 경우 브라우저 지원 파일 경로:

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

Ajax Binary 다운로드 방법

Ajax를 통해 바이너리 파일 다운로드를 수행하려면 Chrome, Internet Explorer, Firefox 및 Safari와 같은 브라우저에서 이 스크립트를 사용할 수 있습니다. navigator.msSaveBlob은 Internet Explorer 11에서만 별도로 작동합니다.

$scope.downloadFile = function(httpPath) {
    // ... (Code omitted for brevity) ...
    try {
        // ... (Code omitted for brevity) ...
        if (navigator.msSaveBlob)
            navigator.msSaveBlob(blob, filename);
        else {
            // ... (Code omitted for brevity) ...
        }
    } catch (ex) {
        // ... (Code omitted for brevity) ...
    }

    if (!success) {
        // ... (Code omitted for brevity) ...
    }
}

사용법:

var downloadPath = "/files/sample.pdf";
$scope.downloadFile(downloadPath);

필수 웹 API 응답 헤더

올바른 파일 다운로드를 보장하려면 웹 API 메소드가 다음과 같아야 합니다. 다음 헤더를 반환합니다.

• x-filename: 파일 이름이 포함된 사용자 정의 헤더.
• content-type: 파일 format.

결론

이 기사에서는 AngularJS 애플리케이션 내의 웹 API 서비스에서 파일 다운로드를 관리하기 위한 여러 가지 접근 방식을 제공합니다. 프로젝트의 특정 브라우저 기능과 요구 사항에 따라 요구 사항에 가장 적합한 방법을 선택하세요.

위 내용은 AngularJS를 사용하여 ASP.NET 웹 API에서 파일을 다운로드하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!