매우 간단한 데모를 사용하면 자신의 콘텐츠와 파일 이름을 제공하고 파일이 비어있을 때 저장, 취소 및 오류 기능을 테스트 할 수 있습니다. 이것은 페이지가로드 될 때 다운로드 할 파일이 결정되었기 때문에 마침내 나를 위해 일한 것입니다. 자바 스크립트에서 파일을 다운로드 – 무엇을 쉽게 할 수 있습니까? 그러나 몇 가지 함정이 있으며 개선의 여지가 있습니다. 이 문서에서는 자바 스크립트에서 최고의 다운로드 기능을 만드는 방법과 왜 그렇게 좋은지에 대해 설명합니다. 플래시 기반 폴리필 없이 IE < 10에 텍스트 파일을 저장할 수 있습니다. 자세한 내용은 첸웬브리안과 코프시럽의 saveTextAs()를 참조하십시오. 자바 스크립트가 기본적으로 폴더를 선택하고 파일을 해당 폴더에 저장하시겠습니까? 당신이 당신의 방문자가 사용하는 운영 체제를 모르는 따라서 그 예는 가능하지 않은 경우 그래서 저장할 위치를 모른다.. href 속성을 비워 둡게 유지합니다. 일반적으로 이 특성을 서버에서 생성한 파일 경로로 채우지만 이번에는 JavaScript를 사용하여 동적으로 링크를 생성하도록 할당합니다. 일반적으로 HTML / JS에 두 개의 파일 다운로드 기술이 있습니다 : window.open 및 마우스 클릭 / 링크 탭. 이 두 방법 모두 이상적이지 않습니다. 질문을 조사하는 동안 몇 가지 흥미로운 해결책이 발견되었습니다. 함께 그들은 자바 스크립트 파일 다운로드를위한 완벽한 솔루션이 될 것으로 보인다.

바이너리 파일을 다운로드하기만 하면 Blob을 응답 유형으로 사용합니다. 다음 간단한 기능을 사용하면 서버에 연결하지 않고 브라우저에서 직접 파일 다운로드를 생성할 수 있습니다. 그것은 요소의 다운로드 특성을 사용 하 여 모든 HTML5 준비 브라우저에서 작동: XMLHttpRequest 개체에 진행률 이벤트를 설정할 수 있습니다. 이를 통해 다운로드 한 파일의 백분율을 얻을 수 있습니다. 값을 생략하면 원래 파일 이름이 사용됩니다. Downloadify는 서버 상호 작용없이 텍스트 파일을 생성하고 다운로드 할 수있는 작은 자바 스크립트 + 플래시 라이브러리입니다. 그것은 IE에서도 작동합니다. 그것은 이전보다 훨씬 낫다. 다운로드 특성은 파일의 파일 이름이 됩니다. 그것은 다음과 같이 보일 것입니다 : 당신은 보이지 않는 iframe으로 „트릭”으로 할 수 있습니다. „src”를 설정하면 브라우저가 동일한 „href”가 있는 링크를 클릭하는 것처럼 반응합니다. 양식이 있는 솔루션과 반대로 시간 시간 이후에 다운로드를 활성화하는 등 추가 논리를 포함할 수 있습니다.

실제 다운로드는 새로 생성된 Blob 개체에 대한 링크가 있는 태그에 사용되는 Blob 개체를 생성하여 수행되며, 이 태그는 자동으로 클릭되어 궁극적으로 „파일 저장” 대화 상자가 열립니다. 또한 그것은 몸에 추가 (파이어 폭스에 대 한 수정) 그리고 나중에 몸에서 제거 (우리는 우리의 몸에 보이지 않는 태그의 톤을 갖고 싶지 않아). 다운로드된 파일의 새 파일 이름(„myw3schoolsimage.jpg”대신 „w3logo.jpg”)이 될 다운로드 특성에 대한 값을 지정합니다. 다운로드 특성에서 파일 이름을 설정할 수도 있습니다. 따라서, 파일의 자동 다운로드는 최근 몇 년 동안 달성하기 어려웠다, 하지만 지금은 HTML5의 도입으로,이 작업은 달성하기 쉬워지고있다. HTML5 „다운로드”속성 및 콘텐츠 유형 무시 는 파일을 다운로드 한 다음 파일의 바이트를 조작해야 복잡한 경우 폴더를 다운로드로 이동하는 파일을 사용하여 다운로드 링크에 대한 코드를 도와주세요 – 예를 들어 자바 스크립트를 구축하는 경우 ” PPT 뷰어”, 배열 버퍼를 응답 유형으로 설정합니다.