वहाँ एक अच्छा jQuery खींचें और ड्रॉप फ़ाइल अपलोड प्लगइन है? [बन्द है]


174

वहाँ एक अच्छा साफ jQuery प्लगइन है कि एक एकल जेएस स्क्रिप्ट सहित एक फार्म को सक्षम करने के लिए एक सरल स्निपेट का उपयोग करने की अनुमति देता है? कुछ इस तरह:

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

अपलोड लक्ष्य के साथ फॉर्म की कार्रवाई होना।

किसी भी समाधान को एक नियमित फ़ाइल फ़ील्ड को प्रयोग करने योग्य (पारंपरिक ब्राउज़ विधि का उपयोग करने से) रोका नहीं जाना चाहिए।

मुझे एक समय में केवल एक फ़ाइल की आवश्यकता होती है, हालांकि कई के लिए विकल्प होने के बावजूद कोई बुरी बात नहीं है।

मुझे ड्रैग-ड्रॉप अपलोड उदाहरणों की एक जोड़ी मिली है:
http://www.appelsiini.net/2009/10/drag-and-drop-file-upload-with-google-gears http: //www.appelsiini। शुद्ध / 2009/10 / एचटीएमएल 5-ड्रैग और ड्रॉप-एकाधिक फ़ाइल से अपलोड

लेकिन वहाँ कोड एक प्लगइन के रूप में सेटअप नहीं है। शायद इसे बदलना बहुत मुश्किल नहीं है, लेकिन यह भी कोई मतलब नहीं है कि अगर कोई दूसरा व्यक्ति पहले से ही उस काम को कर रहा है और बस मेरी Google खोजों को विकसित कर रहा है।

मैं आदर्श रूप से शुद्ध HTML5 / jQuery समाधान की तलाश में हूं।
Google Gears एक स्वीकार्य है, लेकिन एक फ़्लैश समाधान नहीं है।


3
यह समाधान केवल फ़ायरफ़ॉक्स के ब्लीडिंग एज संस्करण में काम करता है। वर्तमान में फ़ायरफ़ॉक्स 3.6 के बाहर इसका कोई समर्थन नहीं है। जैसा कि यह मामला है कि आप इसके लिए एक jQuery प्लगइन खोजने की संभावना नहीं है और आप इसे अपने आप बनाने की आवश्यकता होगी।
जोजो

1
बाह। अल्फा संस्करण कुछ महीनों से बाहर है, जो लंबे समय तक पर्याप्त होना चाहिए। : / मुझे लगता है कि मैं खुद प्लगइन तब जाऊंगा। इस प्रश्न का उत्तर देने के बाद मैंने इसे समाप्त कर दिया।
पीटर बॉटन

@PeterBoughton यदि आपने वह प्लगइन अभी तक समाप्त नहीं किया है, तो आप एक उत्तर स्वीकार करना चाहते हैं
बेसिक

शीघ्र बुनियादी के लिए धन्यवाद। उम्र में इस पर ध्यान नहीं दिया गया, लेकिन लगता है कि एक स्पष्ट पसंदीदा (और एक त्वरित नज़र से यह सभ्य लगता है), इसलिए मैं उस एक को स्वीकार करूंगा।
पीटर बॉटन

तेजी से आगे बढ़ने के लिए, असाधारण रूप से समर्थित, और बिना किसी निर्भरता वाले सुविधा संपन्न जावास्क्रिप्ट अपलोडर पर, ठीक अपलोडर पर एक नज़र है , जिसे पूर्व में वेलम / फ़ाइल-अपलोडर के रूप में जाना जाता है।
रे निकोलस

जवाबों:


134

इस पर एक नज़र: http://aquantum-demo.appspot.com/file-upload

यह भी कई फ़ाइल अपलोड संभालती है!


7
बस परीक्षण किया गया। क्रोम और फ़ायरफ़ॉक्स के लिए यह बहुत अच्छा है। आईई के तहत सामान्य अपलोड बटन को डीग्रेड करता है। (लेकिन इसलिए यह फ्लैश-फ्री है ...)
फ्रैंक नॉक

2
मैं एक फ़ाइल अपलोड प्लगइन की तलाश कर रहा हूँ, यह अब -२०१५ में काम नहीं करता है (हो सकता है कि यह २०११ में वापस काम किया हो) .. क्या कोई व्यक्ति "फाइलअप लोड" प्लगइन जानता है?
एरन मीर

30

हाल ही में की जाँच करें 1 लोग कि TinyMCE संपादक बनाया से रिहा अपलोड हैंडलर। इसमें एक jQuery विजेट है और ऐसा लगता है कि इसमें सुविधाओं और कमियों का एक अच्छा सेट है।

http://www.plupload.com/


मैं plupload का उपयोग करने की सलाह दूंगा क्योंकि यह सर्वश्रेष्ठ उपयोगकर्ता अनुभव के लिए अन्य तकनीकों का लाभ उठाता है।
रिकेडक

All_runtime मेरे लिए Chrome 15 में काम नहीं करता है, जो कि बिंदु होना चाहिए, अपने लिए प्रयास करें: plupload.com/example_all_runtimes.php
Erik Johansson

1
यह व्यावसायिक उपयोग के लिए मुफ्त नहीं है (मुफ्त संस्करण के लिए जीपीएल का उपयोग करता है)
सचिन जोसेफ


15

यदि आप अभी भी एक की तलाश में हैं, तो मैंने अभी-अभी मेरा विमोचन किया: http://github.com/weixiyen/jquery-filedrop

फ़ायरफ़ॉक्स 3.6 के लिए अभी काम करता है। मैंने अभी के लिए क्रोम हैक नहीं करने का फैसला किया और वेबकिट को सफारी और क्रोम के अगले संस्करणों में फाइलराइडर () के साथ पकड़ने दिया।

यह प्लगइन भविष्य में संगत है।

FileReader () XHR.getAsBinary () जैसी कुछ चीज़ों पर आधिकारिक मानक है जो कि मोज़िला के अनुसार हटा दिया गया है।

यह केवल HTML5 डेस्कटॉप ड्रैग + ड्रॉप प्लग आउट है जिसमें मुझे पता है कि आप फ़ाइल के साथ अतिरिक्त डेटा भेजने की अनुमति देते हैं, जिसमें डेटा भी शामिल है जिसे कॉलबैक फ़ंक्शन के साथ अपलोड के समय गणना की जा सकती है।


1
दस्तावेज़ीकरण इस पर थोड़ा पतला है (अब भी 2013 में) लेकिन यह शालीनता से काम करता है।
डैनसन

1
लेकिन कोई डेमो नहीं ?! उसके साथ क्या है।
सगिव एसईओ

15

यदि आप एक के लिए देख रहे हैं कि फ्लैश पर भरोसा नहीं करता है तो dropzonejs एक अच्छा चिल्ला है। यह कई फाइलों और ड्रैग एंड ड्रॉप को सपोर्ट करता है।

http://www.dropzonejs.com/


आपकी मूल अनुशंसा मार्च में github.com/Widen/fine-uploader पर चली गई ।
रे Nicholus

उसके लिए धन्यवाद। ऐसा लगता है कि यह अब एक भुगतान की पेशकश है (वाणिज्यिक उपयोग के लिए)।
रोस गल्डहिल

यह सही है। हम विकास का स्तर और गति प्रदान नहीं कर सकते हैं जो हम मुफ्त में प्रदान करते हैं।
रे निकोलस


मौजूदा फॉर्म के साथ एकीकृत करना आसान नहीं है। इसलिए मैंने ड्रॉपजोन से दूर जाने का फैसला किया है।
उस्मान खालिद

9

मैंने एक प्लगइन बनाया जो आपको किसी दिए गए क्षेत्र पर कुछ फ़ाइलों को छोड़ने की अनुमति देता है। यह प्लगइन वर्तमान में फ़ायरफ़ॉक्स, सफारी और क्रोम में काम करता है।

http://code.google.com/p/dnd-file-upload/


8

बेशर्म प्लग:

Filepicker.io आपके लिए अपलोड करने का काम करता है और एक url लौटाता है। यह ड्रैग / ड्रॉप, क्रॉस ब्राउजर को सपोर्ट करता है। इसके अलावा, लोग ड्रॉपबॉक्स / फेसबुक / जीमेल से अपलोड कर सकते हैं जो एक मोबाइल डिवाइस पर सुपर है।


4

कैसे jQuery के नवीनतम संस्करण के बारे में Fileuploader: http://pixelcone.com/fileuploader/

इसकी एक शक्तिशाली फ़ाइल अपलोड प्लगइन, अन्य प्लगइन की तुलना में सेटअप करने के लिए बहुत आसान है, और अब यह html5 एपीआई का समर्थन करता है।


1
किस लाइसेंस के तहत jQuery फ़ाइलअप लोडर उपलब्ध है? आपको वास्तव में अपनी वेबसाइट पर और अपने प्लगइन के स्रोत कोड में यह स्पष्ट करना चाहिए, मुझे लगता है। :)
OpaCitiZen 12

टूटी हुई कड़ी, क्या यह सही है?
puce
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.