다음 표에서는 다른 브라우저에서 파일의 호환성을 보여 줍니다. 웹 사이트 또는 웹 앱을 빌드할 때 “파일로 다운로드” 링크를 만드는 것은 매우 유용 합니다. 예를 들어 사용자가 일부 데이터를 JSON, CSV 또는 일반 텍스트 파일로 내보내 외부 프로그램에서 열거나 나중에 다시 로드할 수 있도록 하려는 경우입니다. 일반적으로이 파일을 포맷 하 고 그것을 제공 하는 웹 서버가 필요 합니다. 그러나 실제로 클라이언트 측에서 임의의 자바 스크립트 변수를 완전히 파일로 내보낼 수 있습니다. 나는 내 프로젝트, MozApoy 중 하나에 그 기능을 구현 하 고, 여기에 내가 어떻게 했는지 설명 할 것 이다. 약속. 다운로드가 성공적으로 시작 되 면 새 다운로드의 id로 약속이 충족 됩니다. . 그렇지 않으면 약속은 오류 메시지와 함께 거부 됩니다. 파일을 탐색 하는 대신 링크를 클릭 하면 파일이 다운로드 됩니다.

FireFox, Chrome 및 IE 코드에 대 한 데이터를 다운로드 하기 위한 가장 완전 하 고 작업 (테스트) 코드는 다음과 같습니다. 데이터가 texarea 필드에 있다고 가정 하 고 id = ` textarea_area를가지고 있고 파일 이름은 데이터가 다운로드 되는 파일명입니다. Href 특성은 비워 둡니다. 전통적으로 우리는이 특성을 서버에서 생성 된 파일 경로로 채 웁 니다만 이번에는 자바 스크립트를 사용 하 여 링크를 동적으로 생성 하도록 지정 합니다. 자바 스크립트에서 생성 된 데이터를 다운로드 하기 위해 URL을 사용 하는 경우 (강하게 권장 됨) 나중에 객체 URL (Revokeobject를 사용 하 여)을 취소 하려면 다운로드가 완료 된 후에이 작업을 수행 해야 합니다. 이렇게 하려면 다운로드를 듣습니다. 이벤트를 변경 합니다. 전쟁이 아닌 도서관을 만든다. 파일은 기본적으로 지원 하지 않는 브라우저에서 saveAs () 파일인터페이스를 구현 합니다. 튜토리얼의 끝에서 데모 코드 다운로드 압축 되지 않은 개발 jQuery 3.4.1를 다운로드 하 고 텍스트 변수의 내용을 텍스트 파일로 내보내려면이 JavaScript 코드를 사용할 수 있습니다.

나는 jQuery 파일 다운로드 플러그인 (데모)을 만들었습니다. GitHub)를 사용 하 여 상황에도 도움이 될 수 있습니다. 그것은 iframe과 매우 유사 하 게 작동 하지만 꽤 편리 하 게 발견 한 몇 가지 멋진 기능을가지고 있습니다:이 옵션을 생략 하면 브라우저는이 동작에 대 한 일반 사용자 기본 설정을 기반으로 파일 선택기를 표시 하거나 하지 않습니다 (파이어 폭스에서이 환경 설정 레이블이 지정 됩니다 ” 항상 파일을 저장할 위치를 묻습니다. “정보: 기본 설정 또는 브라우저에서 다운로드 합니다. 다음과 같은 간단한 기능을 사용 하면 서버에 문의 하지 않고 브라우저에서 직접 파일의 다운로드를 생성 할 수 있습니다.