>웹 프론트엔드 >JS 튜토리얼 >다양한 브라우저에서 데이터 URL 파일을 안정적으로 다운로드하려면 어떻게 해야 합니까?

다양한 브라우저에서 데이터 URL 파일을 안정적으로 다운로드하려면 어떻게 해야 합니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-12-07 03:39:11713검색

How Can I Reliably Download Data URL Files Across Different Browsers?

데이터 URL 파일 다운로드

브라우저 기반 zip/zip 유틸리티 개발의 복잡성을 탐색하면서 다운로드에 어려움을 겪게 됩니다. 처리된 파일. 'data:' 구성표를 사용하면 Firefox에서 작동하지만 Chrome에서는 호환성 문제에 직면합니다. 이 문제를 해결하기 위해 다음은 여러 브라우저에서 작동하는 대체 솔루션입니다.

'downloadURI' 기능은 Chrome, Firefox 및 일부 Internet Explorer 버전에서 데이터 URL 파일을 다운로드하는 일관된 방법을 제공합니다. DOM에 다운로드 링크를 동적으로 생성하고, '다운로드' 속성을 사용하여 원하는 파일 이름을 설정하고, 다운로드 프로세스를 시작합니다. 완료 후에는 적절한 정리를 위해 링크가 제거됩니다.

사용:

function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}

예:

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");

이 솔루션을 구현하면 데이터에서 파일을 다운로드하기 위한 강력한 브라우저 간 메커니즘을 제공할 수 있습니다. URL. 이를 통해 사용자는 브라우저 내의 zip/압축 풀기 유틸리티에서 추출된 파일을 쉽게 검색할 수 있습니다.

위 내용은 다양한 브라우저에서 데이터 URL 파일을 안정적으로 다운로드하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.