2 augusti, 2019 Inopto_AB

html 파일 다운로드 예제

다음 표에서는 다른 브라우저에서 FileSaver.js의 호환성을 보여 주었습니다. 자바 스크립트를 사용하여 파일을 생성하고 다운로드 ? 당신이 그것에 대해 생각 하는 경우, 이것은 당신이 생각 하 고 사용자 상호 작용 없이 허용 되지 않아야(그러나 지금 허용). 클릭할 수 있는 영역이 있는 이미지 맵: 전쟁이 아닌 라이브러리를 만듭니다. FileSaver.js는 기본적으로 지원하지 않는 브라우저에서 saveAs() FileSaver 인터페이스를 구현합니다. Blob은 때때로 저장되는 대신 열릴 수 있습니다. 다운로드를 강제로 응용 프로그램 / 옥텟 스트림 MIME 유형을 사용하면 Safari에서 문제가 발생할 수 있습니다. 다음 코드 조각을 사용하면 파일을 생성하고 (확장자를 사용하여) 서버에 연결하지 않고 다운로드 할 수 있습니다 : saveAs는 onTouchDown 또는 onClick과 같은 사용자 상호 작용 이벤트 내에서 실행되어야합니다. setTimeout은 saveA가 트리거되는 것을 방지합니다. 때문에 iOS saveAs는 다운로드하는 대신 새 창에서 열립니다,이 수정을 원하는 경우이 버그가 당신에게 미치는 영향을 애플에 알려주십시오. 특성값은 다운로드한 파일의 이름이 됩니다.

허용된 값에는 제한이 없으며 브라우저는 자동으로 올바른 파일 확장프로그램을 감지하여 파일에 추가합니다(.img, .pdf, .txt, .html 등). 따라서, 파일의 자동 다운로드는 최근 몇 년 동안 달성하기 어려웠다, 하지만 지금은 HTML5의 도입으로,이 작업은 달성하기 쉬워지고있다. 당신이 구글 크롬을 사용하고 당신이 옵션을 활성화 한 상상 ”다운로드 한 파일 자동 열기”, 당신의 불운을 위해 당신은 악의적 인 웹 사이트에 입력하고 알 수없는 파일의 다운로드를 생성합니다. 여러분은 이 이야기가 어떻게 끝나는지 압니다. 다음 간단한 기능을 사용하면 서버에 연결하지 않고 브라우저에서 직접 파일 다운로드를 생성할 수 있습니다. 그것은 요소의 다운로드 속성을 사용 하 여 모든 HTML5 준비 브라우저에서 작동: 이 문서에서 우리는 당신에 게 몇 가지 트릭을 생성 하 고 순수 한 자바 스크립트를 사용 하 여 직접 파일을 다운로드. 다운로드 한 파일의 새 파일 이름 (”myw3schoolsimage.jpg”대신 ”w3logo.jpg”)이 될 다운로드 특성에 대한 값을 지정하십시오: 그러나 최신 브라우저에서 알지 못하고 희귀 다운로드 한 파일 확장명이 차단되고 프롬프트가 나타납니다. 정말 (크롬에서 적은에서) 해당 파일을 열고 싶어.

Kontakta oss!