좋은 jQuery 드래그 앤 드롭 파일 업로드 플러그인이 있습니까? [닫은]


174

단일 JS 스크립트를 포함시킨 다음 간단한 스 니펫을 사용하여 양식을 활성화 할 수있는 깔끔한 jQuery 플러그인이 있습니까? 이 같은:

$j('#MyForm').enableDragDropUploads('.upload-area')

업로드 대상이 양식의 조치입니다.

모든 솔루션에서 일반적인 파일 필드를 사용할 수 없도록해야합니다 (전통적인 찾아보기 방법 사용).

한 번에 하나의 파일 만 필요하지만 물론 다중 옵션을 사용하는 것은 나쁘지 않습니다.

몇 가지 드래그 앤 드롭 업로드 예를 찾았습니다.
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http : //www.appelsiini. net / 2009 / 10 / html5- 드래그 앤 드롭 다중 파일 업로드

그러나 코드는 플러그인으로 설정되지 않았습니다. 변경하기가 너무 어렵지는 않지만 다른 사람이 이미 해당 작업을 수행하여 Google 검색을 회피하는 경우에도 변경되지 않습니다.

순수한 HTML5 / jQuery 솔루션을 찾는 것이 이상적입니다.
Google Gears는 허용되지만 플래시 솔루션은 허용되지 않습니다.


3
이 솔루션은 Bleeding edge 버전의 firefox에서만 작동합니다. 현재 firefox 3.6 외부에서는 지원되지 않습니다. 이 경우 jQuery 플러그인을 찾을 가능성이 거의 없으며 직접 만들어야 할 수도 있습니다.
Jojo

1
바. 알파 버전은 몇 달이 지났으므로 충분히 길어야합니다. : / 그럼 플러그인을 직접 만들겠습니다. 내가 끝내면 질문에 대답 할 것입니다.
Peter Boughton

@PeterBoughton 해당 플러그인을 아직 완료하지 않은 경우 답변을 수락 할 수 있습니다.
기본

프롬프트 Basic에 감사드립니다. 오랜 세월 동안 이것을 보지 않았지만 분명한 마음에 드는 것 (빠른 모양에서는 괜찮은 것 같음)이있는 것 같습니다.
피터 Boughton

의존성이없는 빠르게 이동하고 예외적으로 지원되며 기능이 풍부한 JavaScript 업 로더 를 사용하려면 이전에 valums / file-uploader로 알려진 Fine Uploader를 살펴보십시오 .
레이 니콜러스

답변:


134

이것을보십시오 : http://aquantum-demo.appspot.com/file-upload

또한 여러 파일 업로드를 처리합니다!


7
방금 테스트했습니다. Chrome과 Firefox에 매우 좋습니다. IE에서 일반 업로드 버튼으로 다운 그레이드합니다. (그러나 그것은 플래시 무료입니다 ...)
프랭크 Nocke

2
파일 업로드 플러그인도 찾고 있는데, 이것은 2015 년에 작동하지 않을 수 있습니다 (2011 년에 다시 작동했을 수도 있음).
Eran Meir

30

TinyMCE 편집기를 만든 사람들로부터 최근에 출시 된 1 개의 업로드 핸들러를 확인하십시오 . jQuery 위젯이 있으며 멋진 기능과 대체 기능이있는 것처럼 보입니다.

http://www.plupload.com/


최고의 사용자 경험을 위해 다른 기술을 활용하므로 plupload를 사용하는 것이 좋습니다.
rickyduck

다음 all_runtime 자신을 위해 시도 지점을해야 크롬 15에서 나를 위해하지 작업 않는 plupload.com/example_all_runtimes.php
에릭 요한슨

1
상업적 용도로는 무료가 아닙니다 (무료 버전으로 GPL 사용)
Sachin Joseph


15

여전히 하나를 찾고 있다면 방금 출시했습니다 .http : //github.com/weixiyen/jquery-filedrop

Firefox 3.6에서 작동합니다. 저는 현재 Chrome 핵을 사용하지 않기로 결정했으며 다음 버전의 Safari 및 Chrome에서 Webkit이 FileReader ()를 따라 잡도록했습니다.

이 플러그인은 향후 호환됩니다.

FileReader ()는 mozilla에 따라 더 이상 사용되지 않는 XHR.getAsBinary ()와 같은 공식 표준입니다.

또한 콜백 기능으로 업로드 할 때 계산할 수있는 데이터를 포함하여 파일과 함께 추가 데이터를 보낼 수있는 유일한 HTML5 데스크톱 드래그 + 드롭 플러그인입니다.


1
문서화는 이것에 대해 약간 얇지 만 (지금도 2013 년에도) 잘 작동합니다.
dansan

1
그러나 데모는 없습니까?! 무슨 일이야.
Sagive SEO

15

Flash에 의존하지 않는 것을 찾고 있다면 dropzonejs가 좋은 소리입니다. 여러 파일과 끌어서 놓기를 지원합니다.

http://www.dropzonejs.com/


원래 추천 은 3 월 에 github.com/Widen/fine-uploader 로 옮겨졌습니다 .
레이 니콜러스

고마워 그래도 유료 서비스 인 것 같습니다 (상업용).
Ross Gledhill

맞습니다. 우리는 무료로 제공하는 지원 수준과 개발 속도를 제공 할 수 없습니다.
레이 니콜러스

여기 dropzonejs 사용하여 드래그 / 드롭 이미지 업로드의 좋은 튜토리얼입니다 goo.gl/FVdkS0
싱 Satinder을

기존 양식과 쉽게 통합 할 수 없습니다. 그래서 드롭 존에서 벗어나기로 결정했습니다.
Usman Khalid


8

뻔뻔한 플러그 :

Filepicker.io 가 업로드를 처리하고 URL을 반환합니다. 드래그 앤 드롭, 크로스 브라우저를 지원합니다. 또한 사람들은 모바일 기기에서 매우 편리한 Dropbox / Facebook / Gmail에서 업로드 할 수 있습니다.


4

최신 버전의 jQuery Fileuploader는 어떻습니까 : http://pixelcone.com/fileuploader/

강력한 파일 업로드 플러그인으로 다른 플러그인에 비해 설정이 쉽고 html5 API를 지원합니다.


1
jQuery Fileuploader는 어떤 라이센스로 제공됩니까? 웹 사이트와 플러그인의 소스 코드 모두에서 이것을 분명히해야한다고 생각합니다. :)
OpaCitiZen

깨진 링크, 이것이 맞습니까?
Puce
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.