Ajax를 사용하여 파일 다운로드를 비동기적으로 실행하는 방법은 무엇입니까?

Ajax를 사용하여 비동기적으로 파일 다운로드

Ajax를 사용하여 파일을 다운로드할 때 반환되는 데이터는 일반적으로 바이너리 스트림으로 표시됩니다. 그러나 파일 다운로드 창을 열려면 다음 단계를 수행할 수 있습니다.

2019 최신 브라우저 업데이트

이 접근 방식은 최신 브라우저에 권장됩니다.

• 파일을 가져오려면 fetch API를 사용하세요. Blob.
• window.URL.createObjectURL을 사용하여 Blob에 대한 고유 URL을 생성합니다.
• 요소의 href 속성을 생성된 URL로 설정하고 다운로드 속성을 사용하여 원하는 파일 이름을 지정합니다.
• 요소를 문서 본문에 추가합니다.
• element.
• window.URL.revokeObjectURL을 사용하여 생성된 URL을 취소합니다.
• 파일이 다운로드되었음을 사용자에게 알리는 메시지를 표시합니다.

코드 예:

fetch('https://jsonplaceholder.typicode.com/todos/1')
  .then(resp => resp.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = url;
    a.download = 'todo-1.json';
    document.body.appendChild(a);
    a.click();
    window.URL.revokeObjectURL(url);
    alert('your file has downloaded!');
  })
  .catch(() => alert('oh no!'));

위 내용은 Ajax를 사용하여 파일 다운로드를 비동기적으로 실행하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!