Có một plugin tải lên tập tin jQuery kéo và thả tốt không? [đóng cửa]


174

Có một plugin jQuery gọn gàng nào cho phép bao gồm một tập lệnh JS sau đó sử dụng một đoạn mã đơn giản để kích hoạt một biểu mẫu không? Một cái gì đó như thế này:

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

Với mục tiêu tải lên là hành động của biểu mẫu.

Bất kỳ giải pháp nào cũng không được ngăn trường tệp thông thường có thể sử dụng được (sử dụng phương pháp duyệt truyền thống).

Tôi chỉ cần một tệp một lần, mặc dù tất nhiên có tùy chọn cho nhiều không phải là một điều xấu.

Tôi đã tìm thấy một vài ví dụ tải lên kéo thả:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http: //www.appelsiini. net / 2009/10 / html5-kéo và thả-nhiều tập tin tải lên

Nhưng mã ở đó không được thiết lập như một plugin. Có lẽ không quá khó để thay đổi nó, nhưng cũng không có lý do gì nếu người khác đã hoàn thành công việc đó và chỉ đơn giản là trốn tránh các tìm kiếm Google của tôi.

Tôi lý tưởng đang tìm kiếm một giải pháp HTML5 / jQuery thuần túy.
Một Google Gears có thể được chấp nhận, nhưng một giải pháp Flash thì không.


3
Giải pháp đó chỉ hoạt động trong phiên bản Bleting edge của firefox. Hiện tại nó không có hỗ trợ ngoài firefox 3.6. Vì đó là trường hợp bạn không thể tìm thấy một plugin jQuery cho nó và rất có thể bạn cần phải tự làm nó.
Jojo

1
Bah Phiên bản Alpha đã ra mắt được vài tháng, đủ lâu. : / Tôi đoán tôi sẽ tự tạo plugin. Sẽ trả lời câu hỏi sau khi tôi hoàn thành nó.
Peter Boughton

@PeterBoughton Nếu bạn chưa hoàn thành plugin đó, bạn có thể muốn chấp nhận câu trả lời
Cơ bản

Cảm ơn đã nhắc nhở cơ bản. Haven đã không nhìn vào điều này trong các thời đại, nhưng dường như có một yêu thích rõ ràng (và từ một cái nhìn nhanh có vẻ tốt), vì vậy tôi sẽ chấp nhận điều đó.
Peter Boughton

Để di chuyển nhanh, được hỗ trợ đặc biệt và trình tải lên JavaScript giàu tính năng mà không phụ thuộc, hãy xem Fine Uploader , trước đây gọi là valums / trình tải lên tệp.
Ray Nicholus

Câu trả lời:


134

Hãy xem cái này: http://aquantum-demo.appspot.com/file-upload

Nó cũng xử lý nhiều tập tin tải lên!


7
Chỉ cần thử nghiệm. Nó rất hay cho Chrome và Firefox. Giảm xuống nút tải lên bình thường trong IE. (nhưng do đó, nó không có flash ...)
Frank Nocke

2
Tôi cũng đang tìm kiếm một plugin tải lên tệp, cái này không hoạt động ngay bây giờ - 2015 (có thể nó đã hoạt động trở lại vào năm 2011) .. Có ai biết plugin "tải tập tin" đang hoạt động không?
Eran Meir

30

Kiểm tra các thời gian gần đây 1 handler upload phát hành từ những kẻ đã tạo ra biên tập TinyMCE. Nó có một tiện ích jQuery và có vẻ như nó có một bộ tính năng và dự phòng đẹp.

http://www.plupload.com/


Tôi khuyên bạn nên sử dụng plupload vì nó tận dụng các công nghệ khác để có trải nghiệm người dùng tốt nhất.
rickyduck

All_r Yoon không hoạt động với tôi trong Chrome 15, đây là điểm chính, hãy tự mình thử: plupload.com/example_all_runtimes.php
Erik Johansson

1
Nó không miễn phí cho mục đích thương mại (sử dụng GPL cho phiên bản miễn phí)
Sachin Joseph


15

Nếu bạn vẫn đang tìm kiếm một cái, tôi vừa phát hành của tôi: http://github.com/weixiyen/jquery-filedrop

Hoạt động cho Firefox 3.6 ngay bây giờ. Tôi đã quyết định không thực hiện hack Chrome ngay bây giờ và để Webkit bắt kịp với FileReader () trong các phiên bản tiếp theo của Safari và Chrome.

Plugin này tương thích trong tương lai.

FileReader () là tiêu chuẩn chính thức so với XHR.getAsBinary () không dùng nữa theo mozilla.

Đây cũng là plugin kéo + thả trên máy tính để bàn HTML5 duy nhất mà tôi biết, cho phép bạn gửi thêm dữ liệu cùng với tệp, bao gồm cả dữ liệu có thể được tính tại thời điểm tải lên bằng chức năng gọi lại.


1
Tài liệu này hơi mỏng trên cái này (ngay cả bây giờ trong năm 2013) nhưng nó hoạt động tốt.
dansan

1
Nhưng không có bản demo?! Có chuyện gì với nó vậy.
SEO Sagive

15

Nếu bạn đang tìm kiếm một thứ không dựa vào Flash thì dropzonejs là một tiếng hét tốt. Nó hỗ trợ nhiều tập tin và kéo và thả.

http://www.dropzonejs.com/


Đề xuất ban đầu của bạn đã chuyển đến github.com/Widen/fine-uploader vào tháng 3.
Ray Nicholus

Cảm ơn vì điều đó. Có vẻ như bây giờ nó là một đề nghị trả phí (cho mục đích thương mại).
Ross Gledhill

Đúng rồi. Chúng tôi không thể cung cấp mức độ hỗ trợ & tốc độ phát triển mà chúng tôi cung cấp miễn phí.
Ray Nicholus

Đây là một hướng dẫn tuyệt vời về kéo / thả hình ảnh tải lên bằng dropzonejs goo.gl/FVdkS0
Satinder singh

Không dễ dàng để tích hợp với hình thức hiện có. Đó là lý do tại sao tôi quyết định rời khỏi dropzone.
Usman Khalid


8

Ổ cắm không biết xấu hổ:

Filepicker.io xử lý tải lên cho bạn và trả về một url. Nó hỗ trợ kéo / thả, trình duyệt chéo. Ngoài ra, mọi người có thể tải lên từ Dropbox / Facebook / Gmail, siêu tiện dụng trên thiết bị di động.


4

Làm thế nào về phiên bản mới nhất của jQuery Fileuploader: http://pixelcone.com/fileuploader/

Đây là một plugin tải tập tin mạnh mẽ, rất dễ thiết lập so với các plugin khác và giờ đây nó hỗ trợ api html5.


1
Theo jQuery Fileuploader có giấy phép nào? Bạn thực sự nên làm rõ điều này cả trên trang web của bạn và trong mã nguồn của plugin của bạn, tôi nghĩ vậy. :)
OpaCitiZen

Liên kết bị hỏng, điều này có đúng không?
Puce
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.