javascript 파일 자동 다운로드

참고: 자동 다운로드를 사용하면 사용자가 파일 경로를 볼 수 없도록 안전한 다운로드 링크를 만들 수 있습니다. 특성값은 다운로드한 파일의 이름이 됩니다. 허용된 값에는 제한이 없으며 브라우저는 자동으로 올바른 파일 확장프로그램을 감지하여 파일에 추가합니다(.img, .pdf, .txt, .html 등). 다음 코드 조각을 사용하면 파일을 생성하고 (확장자를 사용하여) 서버에 연결하지 않고 다운로드 할 수 있습니다 : saveAs는 onTouchDown 또는 onClick과 같은 사용자 상호 작용 이벤트 내에서 실행되어야합니다. setTimeout은 saveA가 트리거되는 것을 방지합니다. 때문에 iOS saveAs는 다운로드하는 대신 새 창에서 열립니다,이 수정을 원하는 경우이 버그가 당신에게 미치는 영향을 애플에 알려주십시오. 자바 스크립트 다운로드 파일을 만드는이 방법은 사용자가 텍스트 영역에서 제공 된 콘텐츠를 검색 할 수 있습니다. 파일은 표준 텍스트 편집기에서 열리는 간단한 .txt로 컴퓨터 장치에 도달합니다. Blob은 때때로 저장되는 대신 열릴 수 있습니다. 다운로드를 강제로 응용 프로그램 / 옥텟 스트림 MIME 유형을 사용하면 Safari에서 문제가 발생할 수 있습니다. IE에 텍스트 파일을 저장할 수 있습니다. < 플래시 기반 폴리필이 없는 10. 자세한 내용은 ChenWenBrian 및 koffsyrup의 saveTextAs() 참조.

다운로드 링크 도우미 기능의 매우 간단한 구현이었다 . : 브라우저에서 직접 파일을 다운로드하기 위한 구문입니다: 클라이언트(이 경우 웹 브라우저)가 이 HTTP 응답을 받으면 원하는 동작이 아닌 GIF 이미지를 단순히 표시하거나 렌더링합니다. 원하는 동작은 이미지가 표시되지 않고 다운로드되어야 한다는 것입니다. 암호 및 만료 날짜를 설정하여 다운로드 링크를 암호화할 수도 있습니다. 다음 코드 조각은 예제 파일을 다운로드하려고 시도하며, 파일 이름과 저장 위치를 지정하고 uniquify conflictAction 옵션을 지정합니다. 다운로드 속성의 동작에 대한 몇 가지 주목할 만한 사실이 있습니다: 이제 서버는 GIF 이미지의 다운로드를 적용합니다. 대부분의 HTTP 클라이언트는 위와 같은 서버에서 응답을 받을 때 리소스 콘텐츠를 다운로드하라는 메시지를 표시합니다. 위에서 설명한 시나리오는 웹 응용 프로그램에서는 불가능합니다. 웹 응용 프로그램의 경우 사용자 상호 작용에 대한 응답으로 파일을 다운로드하는 동작이 필요합니다.

예를 들어 클릭하여 사진을 저장하거나 보고서를 다운로드합니다. 일반적으로 다운로드할 파일은 먼저 클라이언트를 통해 서버에서 요청됩니다(예: 사용자의 웹 브라우저). 그런 다음 서버는 파일의 내용과 클라이언트가 파일을 다운로드하는 방법을 지정하는 일부 지침 헤더가 포함된 응답을 반환합니다. 자바 스크립트와 자동 파일 다운로드는 자바 스크립트 기능을 선언하여 URL에서 직접 파일을 검색 할 수있는 방법입니다. 먼저 Blob 개체가 있다고 가정해 보겠습니다. 일반 파일 다운로드처럼 Blob의 콘텐츠를 다운로드하기 위해 클릭할 수 있는 다운로드 링크( 요소)를 만들 수 있는 도우미 함수를 만들고 자합니다. 다음은 GIF 이미지에 대한 HTTP 응답이 파일 다운로드를 적용하는 것처럼 보입니다: HTML 5에서 새 다운로드 특성이 앵커 요소에 추가되었습니다.