«

»

Μαΐ 13

자바스크립트 파일 다운로드 구현

나는 Dropzone 모양과 정확히 jQuery 파일 업 로더가 구성 코드의 몇 줄과 함께 수행 하는 방법을 느낄 예제를 만들었습니다. 확인해 주세요! JavaScript 없이도 파일 업로드를 작동 시키려면, 브라우저가 지원 되는 경우 dropzone이 제거 하는 클래스 폴백 요소를 포함 시킬 수 있습니다. 브라우저가 지원 되지 않는 경우 Dropzone은 이미 제공 된 폴백 요소가 있는 경우 대체 (fallback) 요소를 만들지 않습니다. (브라우저가 자바 스크립트를 지원 하지 않는 경우, 양식은 그대로 유지 됩니다) 캔버스를 저장 하기 위해 canvas를 찾고 계십니까? 브라우저 간 구현을 위해 canvas-toBlob를 확인 하십시오. 함수는 이러한 옵션을 사용 하므로 transformFile 함수가 재정의 되 면 이러한 옵션은 아무 작업도 수행 하지 않습니다. 전쟁이 아닌 도서관을 만든다. 파일은 기본적으로 지원 하지 않는 브라우저에서 saveAs () 파일인터페이스를 구현 합니다. False 이면 dropzone에 추가 된 파일은 기본적으로 큐에 대기 되지 않습니다. 수동으로 En대기열파일 (파일)을 호출 해야 합니다.

아래에서 선호 하는 프레임 워크로 FilePond를 사용 하기 쉽도록 어댑터 목록을 찾을 수 있습니다. 자동 처리 큐가 true로 설정 된 경우, 파일을 삭제 하거나 업로드를 완료 한 후에는 현재 업로드 중인 파일의 수를 확인 하 고 옵션 보다 작은 경우에는 대기열을 즉시 처리할 수 있습니다. 병렬화 된 업로드 processFile 파일 (파일)이 호출 됩니다. 기본 구현은 accept이 목록에 대 한 파일의 mime 형식 또는 확장명을 확인 합니다. 쉼표로 구분 된 mime 형식 또는 파일 확장명 목록입니다. VoiceOver 및 JAWS와 같은 소프트웨어로 테스트 했습니다. FilePond의 사용자 인터페이스는 키보드로 탐색이 가능 합니다. 코어 라이브러리는 바닐라 자바 스크립트로 작성 되었으므로 어디에서 나 사용할 수 있습니다. 파일을 탐색 하는 대신 링크를 클릭 하면 파일이 다운로드 됩니다. 다운로드가 성공적으로 시작 되 면 새 다운로드의 id로 약속이 충족 됩니다. . 그렇지 않으면 약속은 오류 메시지와 함께 거부 됩니다.

파이어 폭스, 크롬과 IE 코드에 대 한 데이터를 다운로드 하는 가장 완벽 하 고 작업 (테스트) 코드는 다음과 같습니다. 데이터가 texarea 필드에 있다고 가정 하 고 id = ` textarea_area를가지고 있고 파일 이름은 데이터가 다운로드 되는 파일명입니다. 브라우저가 지원 되지 않을 때 호출 됩니다. 기본 구현은 대체 입력 된 필드를 표시 하 고 텍스트를 추가 합니다. XMLHttpRequest를 사용 하 여 서버에 파일을 보내거나 파일 인코딩 플러그인을 사용 하 여 양식 게시물을 base64로 저장 하 고 제출 합니다.


by Bliss Drive Review