window.fetch()를 사용하여 파일을 다운로드하는 방법은 무엇입니까?-JS 튜토리얼-php.cn

window.fetch()를 사용하여 파일을 다운로드하는 방법은 무엇입니까?

Linda Hamilton

풀어 주다： 2024-10-23 07:29:01

원래의

582명이 탐색했습니다.

How to Download Files Using window.fetch()?

window.fetch()를 사용하여 파일 다운로드

window.fetch() API를 사용하여 파일을 다운로드하는 경우 then( ) 응답을 처리하기 위해 fetch() 호출을 차단합니다. 수행 방법은 다음과 같습니다.

<code class="javascript">function downloadFile(token, fileId) {
  let url = `https://www.googleapis.com/drive/v2/files/${fileId}?alt=media`;
  return fetch(url, {
    method: 'GET',
    headers: {
      'Authorization': token
    }
  }).then(res => {
    // Handle the response here
  });
}</code>

로그인 후 복사

then() 블록에서 일반적으로 다음 단계를 사용하여 파일을 다운로드할 수 있습니다.

응답을 Blob으로 변환합니다. : res.blob().then(blob => {});
BLOB에 대한 URL을 만듭니다. var file = window.URL.createObjectURL(blob);
다운로드를 실행하기 위한 window.location의 URL: window.location.sign(file);

다음은 fetch API만 사용하는 더 짧고 효율적인 대안입니다:

<code class="javascript">const url ='http://sample.example.file.doc'
const authHeader ="Bearer 6Q************" 

const options = {
  headers: {
    Authorization: authHeader
  }
};
fetch(url, options)
  .then(res => res.blob())
  .then(blob => {
    var file = window.URL.createObjectURL(blob);
    window.location.assign(file);
  });</code>

로그인 후 복사

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