javascript 파일 다운로드 예제

현재 대부분의 웹 응용 프로그램에는 사용자가 파일을 다운로드할 수 있는 일반 링크 <a href="http://download-link"가 표시됩니다. 링크를 클릭하면 브라우저는 파일임을 감지하고 사용자가 다운로드할 수 있도록 합니다. 이것은 사용자가 파일을 다운로드 할 수 있도록하는 가장 쉬운 방법입니다. 양식을 사용할 수 없다면 downloadjs가있는 또 다른 접근 방식이 좋습니다. Downloadjs는 후드 에서 Blob 및 html 5 파일 API를 사용합니다:이 튜토리얼에서는 AJAX 요청을 만들어 파일을 다운로드하도록 하고 다운로드 비율을 완료한 방법을 보여줍니다. 매우 간단한 데모를 사용하면 자신의 콘텐츠와 파일 이름을 제공하고 파일이 비어있을 때 저장, 취소 및 오류 기능을 테스트 할 수 있습니다. saveA는 onTouchDown 또는 onClick과 같은 사용자 상호 작용 이벤트 내에서 실행되어야 합니다. setTimeout은 saveA가 트리거되는 것을 방지합니다. 때문에 iOS saveAs는 다운로드하는 대신 새 창에서 열립니다,이 수정을 원하는 경우이 버그가 당신에게 미치는 영향을 애플에 알려주십시오. XMLHttpRequest 개체는 일반 AJAX 요청을 만드는 데 사용됩니다. 그러나 이진 파일을 다운로드할 때 요청 개체의 responseType 속성이 Blob으로 설정됩니다. 다운로드 특성은 사용자가 하이퍼링크를 클릭할 때 대상이 다운로드되도록 지정합니다. 이 특성은 href 특성이 설정된 경우에만 사용됩니다.

값을 생략하면 원래 파일 이름이 사용됩니다. 다음 스니펫을 사용하면 파일을 생성하고 서버에 연결하지 않고 다운로드 할 수 있습니다 : pls 도움말 나 XMLHttpRequest 개체에 진행 이벤트를 설정할 수 있습니다 시간을 설정 하 여 자동으로 웹 페이지를 다운로드할 수 있는 스크립트를 작성 합니다. 이를 통해 다운로드 한 파일의 백분율을 얻을 수 있습니다. 이 기사에서는 순수 Javascript를 사용하여 파일을 직접 생성하고 다운로드하는 몇 가지 트릭을 보여 드리겠습니다. 때때로 나는 POST 요청에서 파일을 다운로드 할 필요성을 우연히 발견. 예를 들어 PDF 콘텐츠가 요청에 따라 달라지는 PDF 파일을 생성하는 경우를 예로 들 수 있습니다. 흥미롭게도 이것은 당신이 생각하는 것처럼 간단하지 는 않지만 그렇게 어렵지는 않습니다. 데이터는 데이터 URL 형식의 href 특성에 배치해야 합니다. 다운로드 특성에서 파일 이름을 설정할 수도 있습니다. 실제 다운로드는 새로 생성된 Blob 개체에 대한 링크가 있는 태그에 사용되는 Blob 개체를 생성하여 수행되며, 이 태그는 자동으로 클릭되어 궁극적으로 «파일 저장» 대화 상자가 열립니다. 또한 그것은 몸에 추가 (파이어 폭스에 대 한 수정) 그리고 나중에 몸에서 제거 (우리는 우리의 몸에 보이지 않는 태그의 톤을 갖고 싶지 않아). 특성값은 다운로드한 파일의 이름이 됩니다.

허용된 값에는 제한이 없으며 브라우저는 자동으로 올바른 파일 확장프로그램을 감지하여 파일에 추가합니다(.img, .pdf, .txt, .html 등).

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies