좋은 jQuery 드래그 앤 드롭 파일 업로드 플러그인이 있습니까?
단일 JS 스크립트를 포함한 후 간단한 스니펫을 사용하여 양식을 활성화할 수 있는 깔끔한 jQuery 플러그인이 있습니까?이와 같은 것:
$j('#MyForm').enableDragDropUploads('.upload-area')
업로드 대상을 양식의 작업으로 지정합니다.
모든 솔루션이 일반 파일 필드를 사용할 수 없도록 제한해서는 안 됩니다(기존 찾아보기 방법 사용).
한 번에 하나의 파일만 필요하지만 여러 개의 파일을 사용할 수 있는 옵션이 있는 것도 나쁘지는 않습니다.
드래그 드롭 업로드의 예를 몇 가지 찾았습니다.
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gearshttp://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload
하지만 그곳의 코드는 플러그인으로 설정되어 있지 않습니다.다른 사용자가 이미 해당 작업을 수행하여 Google 검색을 회피하고 있다면 변경하는 것은 그다지 어렵지 않을 것입니다.
저는 이상적으로 순수한 HTML5/jQuery 솔루션을 찾고 있습니다.
Google Gears 버전은 허용되지만 Flash 솔루션은 허용되지 않습니다.
TinyMCE 편집기를 만든 사람들로부터 최근에 공개된 업로드1 핸들러를 확인해보세요.그것은 jQuery 위젯을 가지고 있고 멋진 기능과 폴백을 가지고 있는 것처럼 보입니다.
http://blueimp.github.com/jQuery-File-Upload/ = 훌륭한 솔루션
문서에 따르면 다음 브라우저는 드래그 앤 드롭을 지원합니다.
- 파이어폭스 4+
- 사파리 5+
- 구글 크롬
- Microsoft Internet Explorer 10.0+
플래시에 의존하지 않는 제품을 찾고 있다면 dropzonejs가 좋습니다.여러 파일과 드래그 앤 드롭을 지원합니다.
아직 찾고 계신 분들은 제가 방금 출시한 제품입니다: http://github.com/weixiyen/jquery-filedrop
현재 Firefox 3.6에서 작동합니다.저는 일단 크롬 해킹을 하지 않기로 결정했고 사파리와 크롬의 다음 버전에서 웹킷이 FileReader()를 따라잡을 수 있도록 했습니다.
이 플러그인은 향후 호환됩니다.
파일 리더()는 모질라에 따라 더 이상 사용되지 않는 XHR.getAsBinary()와 같은 것에 대한 공식 표준입니다.
또한 제가 알고 있는 HTML5 데스크톱 드래그+드롭 플러그인 중 유일하게 콜백 기능으로 업로드 시 계산할 수 있는 데이터를 포함하여 파일과 함께 추가 데이터를 보낼 수 있습니다.
지정된 영역에 일부 파일을 삭제할 수 있는 플러그인을 만들었습니다.이 플러그인은 현재 Firefox, Safari 및 Chrome에서 작동합니다.
http://code.google.com/p/dnd-file-upload/
파렴치한 플러그:
Filepicker.io 에서 업로드를 처리하고 URL을 반환합니다.드래그/드롭, 크로스 브라우저를 지원합니다.또한, 사람들은 Dropbox/Facebook/Gmail에서 업로드 할 수 있어 모바일 기기에서 매우 편리합니다.
jQuery 파일 업로더의 최신 버전은 어떻습니까: http://pixelcone.com/fileuploader/
강력한 파일 업로드 플러그인으로, 다른 플러그인에 비해 설정이 매우 쉬우며, 현재는 html5 api를 지원합니다.
언급URL : https://stackoverflow.com/questions/1663741/is-there-a-good-jquery-drag-and-drop-file-upload-plugin
'source' 카테고리의 다른 글
| jQuery를 사용하여 요소 카운트 (0) | 2023.08.15 |
|---|---|
| UIMainStoryboardFile 'Main'에 대한 기본 뷰 컨트롤러를 인스턴스화하지 못했습니다. 지정된 진입점이 설정되지 않은 것 같습니다. (0) | 2023.08.15 |
| 스프링 지속성 프레임워크를 사용하여 오라클 함수 또는 저장 프로시저를 호출하는 방법은 무엇입니까? (0) | 2023.08.15 |
| github의 동일한 분기에서 서로 다른 두 커밋을 비교하는 방법은 무엇입니까? (0) | 2023.08.15 |
| MySQL 자동 증분 열이 10개 증가합니다. 왜죠? (0) | 2023.08.15 |