파일 다운로드 javascript

Tempo de leitura: menos de 1 minuto

0 Flares Filament.io 0 Flares ×

다음 표에서는 다른 브라우저에서 파일의 호환성을 보여 줍니다 .이 옵션을 생략 하면 브라우저는이 동작에 대 한 일반 사용자 기본 설정에 따라 (Firefox에서이 환경 설정 레이블이 지정 됩니다. “항상 요청 파일을 저장할 위치 “정보: 기본 설정 또는 브라우저에서를 다운로드 합니다. 웹사이트 또는 웹 앱을 빌드할 때 “파일로 다운로드” 링크를 만드는 것은 매우 유용 합니다. 예를 들어 사용자가 일부 데이터를 JSON, CSV 또는 일반 텍스트 파일로 내보내 외부 프로그램에서 열거나 나중에 다시 로드할 수 있도록 하려는 경우입니다. 일반적으로이 파일을 포맷 하 고 그것을 제공 하는 웹 서버가 필요 합니다. 그러나 실제로 클라이언트 측에서 임의의 자바 스크립트 변수를 완전히 파일로 내보낼 수 있습니다. 나는 내 프로젝트, MozApoy 중 하나에 그 기능을 구현 하 고, 여기에 내가 어떻게 했는지 설명 할 것 이다. 나는 또한 당신의 상황에 도움이 될 수 있는 jQuery 파일 다운로드 플러그인 (데모)을 만들었습니다. 그것은 iframe과 꽤 비슷하게 작동 하지만 꽤 편리 하 게 발견 한 몇 가지 멋진 기능을가지고 있습니다: 라이브러리가 아닌 전쟁을 확인 합니다.

파일은 기본적으로 지원 하지 않는 브라우저에서 saveAs () 파일인터페이스를 구현 합니다. 자바 스크립트에서 생성 된 데이터를 다운로드 하기 위해 URL을 사용 하는 경우 (강하게 권장 됨) 나중에 객체 URL (Revokeobject를 사용 하 여)을 취소 하려면 다운로드가 완료 된 후에이 작업을 수행 해야 합니다. 이렇게 하려면 다운로드를 듣습니다. 이벤트를 변경 합니다. 압축 되지 않은 개발 jQuery 3.4.1를 다운로드 우리는 href 속성을 비워 둡니다. 전통적으로 우리는이 특성을 서버에서 생성 된 파일 경로로 채 웁 니다만 이번에는 자바 스크립트를 사용 하 여 링크를 동적으로 생성 하도록 지정 합니다. 튜토리얼의 끝에 데모에 대 한 코드를 다운로드 약속. 다운로드가 성공적으로 시작 되 면 새 다운로드의 id로 약속이 충족 됩니다. . 그렇지 않으면 약속은 오류 메시지와 함께 거부 됩니다. 파일을 탐색 하는 대신 링크를 클릭 하면 파일이 다운로드 됩니다.

FireFox, Chrome 및 IE 코드에 대 한 데이터를 다운로드 하기 위한 가장 완전 하 고 작업 (테스트) 코드는 다음과 같습니다. 데이터가 texarea 필드에 있다고 가정 하 고 id = ` textarea_area를가지고 있고 파일 이름은 데이터가 다운로드 되는 파일명입니다. 그런 다음 텍스트 변수의 내용을 텍스트 파일로 내보내려는 경우이 JavaScript 코드를 사용할 수 있습니다. Git에 액세스할 수 있는 경우 여기에 리포지토리에 연결 하면 마지막 줄에서 요소의 href 특성에 url을 할당 합니다. 사용자가 링크를 클릭 하면 브라우저가 다운로드 작업 (또는 특정 파일 형식에 대 한 다른 기본 동작)을 시작 합니다.

Os comentários foram encerrados, mas trackbacks e pingbacks estão abertos.