Facebook 스타일 다중 이미지 업로드

Question

Facebook은 업로드 기능에서 파일 브라우저에서 여러 이미지를 선택할 수 있습니다.

어떻게 달성되는지 설명 할 수 있습니까?

플래시 위젯을 사용하지 않고 jquery에서 비슷한 작업을하고 싶습니다.

Answer 1

HTML5 File API을 사용하면 기본적으로 수행 할 수 있습니다. 기본적으로 당신은 파일 업로드 컨트롤에 multiple="multiple" 속성을 추가 :

<input multiple="multiple" type="file" ... /> 

단점 : 만 파이어 폭스, 크롬, 사파리 등의 최신 브라우저에서 실행됩니다. IE, 심지어 버전 9이 여러 번 업로드를 지원하지 않습니다.

그렇지 않으면 플래시 또는 Java 업로드 구성 요소를 사용해야합니다.

(편집 : multiple="multiple"로 변경, Ms2ger 덕분에)

Answer 2

가장 쉬운 jQuery를 기반 multiupload 스크립트 (IMHO) :

http://www.uploadify.com/
http://www.uploadify.com/demos/

무료 및 오픈 소스

Answer 3

jQuery 파일을 포함시키는 방법에 대한 지침 Upload with Rails 설정 https://github.com/blueimp/jQuery-File-Upload/wiki/Rails-setup-for-V5/35cca0e5e21b5c8fb29b89e9675314907ac1a464

(참고 :이 질문에 대한 답은 3 년 전의 것으로, 위의 링크는 참조 된 보석/라이브러리의 최신 버전에 대한 정확한 지침이 없을 수 있지만, 변경됨).