javascript 멀티 파일 다운로드

마찬가지로 getLinkDownload() 함수를 사용하여 URL을 다운로드하여 버전 3.2.2 이상에서 파일을 다운로드할 수 있습니다. MultipleFile에서 삭제 된 파일 수를 가져옵니다 : 다음 코드는 버전 3.2.1 및 이전 버전에서 MultipleFile 필드에 업로드 된 첫 번째 파일을 다운로드할 수있는 파일 이름과 URL을 얻을 것입니다 : 신드리소르후스 / 멀티 다운로드의 새로운 릴리스에 대한 알림을 받고 싶습니까? 이제 파일 입력에서 파일의 압축을 풀고 별도로 보낼 필요가 없다는 점에 유의해야합니다. 단일 요청에 전체 파일 컬렉션을 매우 쉽게 보내는 데 유리하여 배열 반복 및 여러 요청을 건너뛸 수 있습니다. . – 개인 데이터를 포함하지 않도록하십시오 – 저작권이있는 자료를 포함하지 마십시오하지만, 다시, 그것은 당신이 파이어 폭스 (FireFox 33에서 테스트)에 스크립트를 실행하는 경우, 여기에 끝나지 않는 것이 작동하지 않는 것 같다. 그럼 내가 발견 한 것은 파이어 폭스가 링크가 DOM에 연결되어 있지 않은 경우 클릭을 발사하지 않는다는 것입니다. 그래서 우리는 브라우저 리플로우를 피할 수 없습니다. 다음은 이 전략을 전체적으로 보여주는 JSFiddle입니다. 그것을 실행할 때 네트워크 탭에서 브라우저 도구를 열고 요청 페이로드를 검사하는 것이 좋습니다. 당신은 거기에 파일 데이터를 볼 수 있습니다! $(“#MultipleFileID”).find(“a.fa-download”).eq(X)[0].click(); . 스크립트의 개념은 여러 파일의 다운로드와 함께 반응해야하는 페이지에 링크가 있다는 것입니다. 이러한 파일은 페이지 콘텐츠의 처리에서 데이터 URI로 생성됩니다. 또한 서버의 파일이나 클라이언트에서 생성된 콘텐츠를 데이터 URI로 생성할 수 있지만 목표에 중요한 정보는 아닙니다.

모든 코드는 포스터에 속하며 라이센스가 적용되지 않습니다. JSFiddle 또는 그 저자는 제공된 코드를 사용함에 따라 모든 종류의 손실이나 손해에 대해 책임을 지지 않습니다. MultipleFileID가 다중 파일 필드의 ID이고 X는 파일 다운로드 링크 배열의 인덱스 번호이므로 0, 1, 2, 3 등과 같은 값을 가짐 버그 추적기 로드맵 (기능에 대한 투표) 문서 서비스 상태 PekeUpload에 대한 웹 디자이너를위한 경량 구성 요소 솔루션입니다. 그들은 기능의 jQuery + HTML5 조합을 사용하여 파일을 업로드하기위한 웹 사이트 위젯으로 사용할 수 있습니다. 부트 스트랩으로 내장, PekeUpload는 매우 쉽게 스타일을 하고 자체를 확장 하는 방법의 톤을 제공 합니다. PekeUpload를 사용하면 파일 업로드를 제어 할 수 있습니다. 파일 크기 제한을 설정하고 구성 요소가 허용할 파일 형식을 선택할 수 있습니다. 기존의 오류 알림으로 인해 피곤해지면 사용자 지정 오류 알림을 직접 설정할 수 있습니다.

업로드 전후에 시각적 콘텐츠를 직접 미리 볼 수 있습니다. 가장 먼저 해야 할 일은 파일 입력에 mutiple 특성을 설정하는 것입니다. 이렇게 하면 입력 필드가 한 번에 두 개 이상의 파일을 선택할 수 있음을 브라우저에 신호를 보올릴 수 있습니다. . 파일 매개 변수는 무한 행의 격자로 bidimentional 배열이어야 합니다. 각 행은 2개의 열로 정의되어야 하며, 첫 번째 열은 파일 이름이어야 하며 두 번째 열에는 dataURI(브라우저가 지원하는 경우)로 지정된 파일 콘텐츠 또는 다운로드할 파일에 대한 링크가 포함되어야 합니다. 포인터 장치로 링크를 클릭하면 브라우저 동작이 예상대로 페이지가 링크에 정의 된 것으로 변경됩니다.