다양한 브라우저에서 JavaScript로 데이터 URL 파일을 안정적으로 다운로드하려면 어떻게 해야 합니까?-JS 튜토리얼-php.cn

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

Susan Sarandon

풀어 주다： 2024-11-26 05:51:09

원래의

892명이 탐색했습니다.

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

데이터 URL 파일 다운로드

데이터 URL에서 파일을 다운로드하는 JavaScript의 기능은 특히 Chrome에서 제한됩니다. 이는 브라우저 기반 zip 유틸리티 생성과 같이 브라우저에서 직접 파일을 다운로드하는 프로젝트를 작업할 때 장애물이 됩니다.

그러나 두 Chrome과 호환되는 방식으로 데이터 URL 파일을 다운로드할 수 있는 솔루션이 있습니다. 및 Firefox:

다운로드 링크 생성

window.location을 설정하는 대신 더 나은 접근 방식은 임시 요소의 다운로드 속성을 원하는 파일 이름으로 설정하고 href를 데이터 URL로 설정합니다. 이 방법은 주요 브라우저에서 작동합니다.

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;
}

로그인 후 복사

사용 예:

"HelloWorld!" 콘텐츠가 포함된 "helloWorld.txt"라는 텍스트 파일을 다운로드하려면, 다음 코드를 사용하십시오.

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

로그인 후 복사

이 해결 방법은 다음과 관계없이 데이터 URL 파일을 다운로드할 수 있는 안정적인 방법을 제공합니다. 파일 형식이나 브라우저 호환성.

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