ajax 멀티 파일 다운로드

ajaxfile.php에 AJAX POST 요청을 보냅니다. form_data 데이터로 전달하고 데이터 유형을 설정합니다: `json`, contentType: false 및 processData: false. ajax 호출URL 목록을 얻은 다음 jquery 플러그인을 사용하여 여러 파일을 병렬로 다운로드하십시오. Codeiginiter 버전 3.0 이상에 대한 확장 다운로드: AJAXDownload의 인스턴스를 페이지 또는 무엇이든에 추가합니다. AjaxButton을 만들고 제출을 재정의합니다. 추상Ajax타이머행동을 만들고 다운로드를 시작합니다. iframe 또는 팝업의 무리를 사용 하 여 여러 파일 다운로드를 시작할 수 있습니다 가정, 하지만 유용성 관점에서, ZIP 파일은 여전히 더 나은. 브라우저가 가져올 10개의 “현재 저장” 대화 상자를 클릭하려면 누가 클릭해야 합니까? 가장 쉬운 방법은 ZIP 파일에 번들로 제공되는 여러 파일을 제공하는 것입니다. 업로드 후 즉시 이미지 미리 보기를 표시할 수 있습니다. 그것은 가능하다 – 그렇다면 어떤 기본 전략을 권장합니까. 혜성 기술을 사용하여 HttpResponse를 트리거하는 서버 사이드 이벤트를 만들 수 있지만 더 간단한 방법이 있기를 바랍니다.

나는 당신이 CodeIgniter 및 jQuery에 대한 실무 지식을 가지고 있으며, 이미 CodeIgniter를 설치하고 설정했다고 가정합니다. 파일 매개 변수는 무한 행의 격자로 bidimentional 배열이어야 합니다. 각 행은 2개의 열로 정의되어야 하며, 첫 번째 열은 파일 이름이어야 하며 두 번째 열에는 dataURI(브라우저가 지원하는 경우)로 지정된 파일 콘텐츠 또는 다운로드할 파일에 대한 링크가 포함되어야 합니다. 이미지 미리 보기를 위해 JSON 형식으로 $files_arr을 반환합니다. 배열에 호출 된 pop() 메서드는 마지막 항목을 출력으로 반환 하 고 배열 (행 3)에서 제거 합니다. . PekeUpload는 웹 디자이너를 위한 경량 구성 요소 솔루션입니다. 그들은 기능의 jQuery + HTML5 조합을 사용하여 파일을 업로드하기위한 웹 사이트 위젯으로 사용할 수 있습니다. 부트 스트랩으로 내장, PekeUpload는 매우 쉽게 스타일을 하고 자체를 확장 하는 방법의 톤을 제공 합니다.

PekeUpload를 사용하면 파일 업로드를 제어 할 수 있습니다. 파일 크기 제한을 설정하고 구성 요소가 허용할 파일 형식을 선택할 수 있습니다. 기존의 오류 알림으로 인해 피곤해지면 사용자 지정 오류 알림을 직접 설정할 수 있습니다. 업로드 전후에 시각적 콘텐츠를 직접 미리 볼 수 있습니다. 이 게시물의 시작 부분에서 언급 했듯이, 우리는 jQuery를 사용 하 고 (그리고 그것은 분명, 코드를 읽고), 그리고 내가 시도 한 첫 번째 생각 jQuery 클릭 메서드를 사용 하 여 클릭 이벤트를 발생 하는. 글쎄, 난 당신이 간단한 experiment을 할 것을 요구하고있다. . 백본은 키 값 바인딩 및 사용자 지정 이벤트, 컬렉션을 모델로 제공하여 JavaScript가 많은 응용 프로그램에 구조를 제공합니다. 여기에는 열거가능한 함수의 풍부한 API와 선언적 이벤트 처리가 포함된 뷰가 포함되어 있습니다.

또한 RESTful JSON 인터페이스를 통해 모든 기존 응용 프로그램에 연결할 수 있습니다. 그것은 매우 잘 알려진 자바 스크립트 프레임 워크, 그리고 백본 업로드 관리자는이 프레임 워크와 사용자에 대 한 완벽 한 칭찬. 사용자 인터페이스와 실제 환경은 강력한 기능 및 기능 목록으로 매우 현대적입니다.