html5 다중 파일 다운로드

파일 API를 사용하면 사용자가 선택한 파일을 나타내는 파일 개체가 포함된 FileList에 액세스할 수 있습니다. 다운로드 속성이 서버에서 파일 다운로드 논리를 구현해야 하는 끝을 예고한다고 생각할 수도 있지만 불행히도 모든 주요 브라우저에서 완전히 지원되지는 않습니다. 작성 시 Safari 및 IE(데스크톱 및 모바일 모두)는 이 특성을 지원하지 않습니다. 다운로드 특성은 Blob 및 데이터 URI와 함께 사용할 수 있으므로 사용자가 웹 응용 프로그램을 통해 만든 동적 콘텐츠(예: 그리기 응용 프로그램)를 저장할 수 있어야 하는 경우 유용합니다. 사용자가 여러 파일을 선택하도록 하려면 입력 요소의 여러 특성을 사용하기만 하면 됩니다. 다음 예제에서는 캔버스 API를 사용할 때 이 작업을 수행하는 방법을 보여 주며 있습니다. 당신은 드래그 앤 구글 크롬이 웹 페이지에서 바탕 화면에서 파일을 드롭 할 수 있습니다, 모질라 파이어 폭스와 애플 사파리. DOM에서 제공하는 FileList 개체는 사용자가 선택한 모든 파일을 나열하며 각 파일 개체는 파일 개체로 지정됩니다. 파일 목록의 길이 특성 값을 확인 하여 선택한 파일 수를 확인할 수 있습니다: 사용자가 다운로드 링크를 클릭하면 2014.pdf 3월의 월별 보고서를 다운로드합니다. 태그에 적용하면 미디어 특성이 순수하게 자문 용량으로 사용됩니다. 예를 들어 데스크톱 및 모바일 배경 화면과 같은 장치별 다운로드를 제공하는 경우 유용할 수 있습니다. 목적을 위해, 우리는 매끄러운 CSS3 / JS 구동 인터페이스를 제시깔끔한 jQuery 손잡이와 강력한 jQuery 파일 업로드 플러그인을 결합합니다. 다운로드 속성은 HTML5에서 새로운.

그것은 (브라우저가 PDF처럼 열 수있는 파일로 발생할 수있는) 대신, href 가리키는 리소스가 직접 다운로드되어야한다고 브라우저에 말함으로써 기존 href 특성을 보완합니다. 다운로드 특성의 값은 다운로드된 파일의 이름에 사용됩니다. AwsmUploader를 사용하면 드래그 앤 드롭(기본 제공)을 통해 파일을 쉽게 업로드하거나 자체 소스의 파일(예: 일반 파일 입력)으로 파일을 공급할 수 있습니다.

Comments are closed.