javascript 파일 다운로드 링크

일반적으로 HTML/JS에 있는 2 개의 파일 다운로드 기술이 있다: 창. 열기 및 마우스 클릭/링크를 누릅니다. 이 두 방법 모두 적합 하지 않습니다. 질문의 조사 도중 몇몇 재미 있는 해결책은 찾아냈다. 함께 그들은 자바 스크립트 파일 다운로드를 위한 완벽 한 해결책이 될 것으로 보인다. 네, 확실히, 콘텐츠-처분 하면 서버측 제어, 그러나 그것은 항상 좋은 자바 스크립트 토지에서 컨트롤을가지고가 야 하는 올바른 방법입니다. 의견을 주셔서 감사 합니다, 나는 조금 문서를 편집할 수 있습니다. 귀하의 바닐라 자바 스크립트 (아무 jQuery) 솔루션과 HTML5 당신이 시도할 수 속성을 사용 하지 않고 찾고 있다면. 어떤 iframe 없이 미리 보기 영역이 며 자바 스크립트가 필요 하지 않습니다 디버그 모드에서이 펜을 볼 려 고. 비록 미리 보기 수도 있습니다! 연결 하려는 리소스가 브라우저에서 https를 사용할 때 작동 하지 않는 ` http ` 프로토콜을 사용 하 고 있습니다. 같은 크롬 확장으로 작동 하지 않습니다. 내가 명단.

json 추가 됨. html 페이지가 열립니다. 레이블이 표시 되지 않습니다. innerhtml = ` 다운로드에서 시작 됩니다 + seconddsbeforedownload + ` 초 … `; 전쟁이 아니라 라이브러리를 확인 합니다. fileaver js는 기본적으로 그것을 지원 하지 않는 브라우저에서 saveas () fileaver 인터페이스를 구현 합니다. 마찬가지로, 자바 스크립트를 통해 간단한 다운로드를 게재할 수 있습니까? “익스플로러 8에 (서) 지원은 HTML 파일이 아닌 CSS 파일과 같은 이미지와 연결 된 자원으로 제한 된다. i e 8에서 최대 URI 길이는 32kb입니다. IE9 + 자바 스크립트 파일도 지원 하 고 최대 크기 제한은 4gb로 설정 합니다. 링크 방법에 또한 크롬 원정 여행에 있는 빈 창으로 그런 문제가 있지 않는다 누르십시오.

나쁜 것은 그것이 사용자가 생성 한 이벤트입니다. 그러나 우리는 숨겨진 링크를 만들 수 있으며 프로그래밍 방식으로 그것에 새로운 마우스 이벤트를 파견 하 여 클릭 합니다. 어떻게 그것을 동적으로 받을 수 있나요? 링크를 클릭 하면 링크의 click 이벤트에 필요한 코드를 바인딩하여 href 특성을 간단히 수정할 수 있습니다. 여기 jsbin의 간단한 버전이 표시 됩니다: 만약 당신이 양식을 사용할 수 없습니다 downjs와 다른 접근 방식에 맞는 좋은. downjs 사용 blob 및 html 5 후드 아래에 파일을 API를: 당신은 눈에 보이지 않는 iframe을 “트릭”로 할 수 있습니다. “src”를 설정 하면 동일한 “href”가 있는 링크를 클릭 하는 것 처럼 브라우저가 반응 합니다. 형태를 가진 솔루션과 반대로, 그것은 당신이 추가 논리를 포함할 수 있습니다, 예를 들어, 몇 가지 조건이 등을 만났을 때 시간 제한 후 다운로드를 활성화 자세한 내용은 downdown Readme 추가 정보를 확인 하십시오. 코멘트에 있는 당신의 생각 그리고 제안을 공유 하십시오. 즐거운 하루 보내세요. 당신은 다운로드 연결을 숨기고 단추가 그것을 누를 수 있다. 다운로드 파일 링크를 클릭 하면 (대신 파일을 탐색): 모든 URL은 여기에 추가 됩니다