2010-11-23 11 views
10

मुझे यह कहीं भी ऑनलाइन नहीं मिल रहा है, बस डेमो या spec के लिंक, या Google Gears कार्यान्वयन। यह सब अच्छा है, लेकिन मैं उत्सुक था कि इसका मुख्य ब्राउज़र समर्थन मुख्य ब्राउज़र और ओएस में क्या है। फ़ायरफ़ॉक्स, क्रोम, सफारी, ओपेरा, और आईई का विकल्प है? आईई 9 के बारे में क्या?ड्रैग और ड्रॉप फ़ाइल अपलोड का ब्राउज़र समर्थन

उत्तर

6

Firefox 3.5+ एक अच्छा ड्रैग और ड्रॉप एपीआई है: https://developer.mozilla.org/En/DragDrop/Drag_and_Drop

क्रोम आप खींच सकते हैं कर सकते हैं और एक फाइल अपलोड पर छोड़, हां, तो आप खींचें और ड्रॉप कर सकते हैं, लेकिन आप नकली करने के लिए है यह अस्पष्टता के माध्यम से फ़ॉर्म छुपाकर: 0 लेकिन इसे एक रैपिंग div और चौड़ाई के माध्यम से बड़ा बनाएं: 100% और ऊंचाई: 100%: http://www.thecssninja.com/javascript/gmail-upload

सफारी क्रोम जैसा ही है, सिवाय इसके कि आप एक समय में केवल एक फ़ाइल ही कर सकते हैं , पोस्ट के अंत में उपरोक्त लिंक पर इस पर अधिक (thecssninja लिंक)

आईई ऐसा लगता है कि आप VBDataObject या ActiveX का उपयोग कर सकते हैं, लेकिन मुझे अभी भी पूरा यकीन नहीं है कि अधिक जानकारी कहां प्राप्त करें। मैं केवल उन लोगों का उपयोग करने के बारे में जानकारी के छोटे स्निपेट देख सकता हूं: http://www.codingforums.com/showthread.php?t=36896 - यदि कोई मेरी सहायता कर सकता है कि आईई को इसका समर्थन कैसे किया जाए, तो मुझे बताएं।

ओपेरा में ऐसा कुछ भी नहीं है। बस इसके साथ खेलना, यह आईई की तरह काम करता है, जहां आप फ़ाइल अपलोड करने पर खींचते हैं तो यह उस फ़ाइल को खोलता है। अगर कोई इस बारे में जानता है तो मुझे बताएं।

4

PIUpload प्रोजेक्ट में एक संगतता तालिका है। यह कहता है

फ़ाइलों का समर्थन खींचें/ड्रॉप वर्तमान में केवल फ़ायरफ़ॉक्स 3.5+ में उपलब्ध है। वेबकिट/ओपेरा अभी तक इस सुविधा का समर्थन नहीं करता है।

+0

धन्यवाद। मैंने अपनी पोस्ट अपडेट की। आपको यह जानने के लिए नहीं पता कि मैं IE को ड्रैग और ड्रॉप समर्थन जोड़ने के लिए VBDataObject या ActiveX का उपयोग कैसे कर सकता हूं? –

1

सफारी 5 वास्तव में डेस्कटॉप से ​​ब्राउज़र में एकाधिक फ़ाइलों के ड्रैग और ड्रॉप का समर्थन करता है। मैं इस सुविधा का अब काफी समय से उपयोग कर रहा हूं, और यदि आप चाहें तो मुझे अपना कोड साझा करने में खुशी होगी।

+1

स्टैक ओवरव्लो में आपका स्वागत है। दूसरों के लिए अपना उत्तर अधिक उपयोगी बनाने के लिए कृपया एक कोड नमूना साझा करें। धन्यवाद। – phant0m

14

एचटीएमएल 5 ड्रैग और ड्रॉप फ़ाइल अपलोड करने के लिए, ब्राउज़र को ड्रैग और ड्रॉप (डीएनडी) एपीआई और फ़ाइल एपीआई को एक साथ समर्थन देना चाहिए।

आईई आईई 5 से डीएनडी का समर्थन करता है लेकिन यह आईई 9 में भी फ़ाइल एपीआई का समर्थन नहीं करता है। ओपेरा 11.1 से फ़ाइल एपीआई का समर्थन करता है लेकिन डीएनडी का समर्थन नहीं करता है।

तो आप फ़ायरफ़ॉक्स 3.6+, सफारी 6.0+, क्रोम 9.0+ में ड्रैग और ड्रॉप फ़ाइल अपलोड का उपयोग कर सकते हैं।

इस संगतता तालिका की जांच करें।

DnD http://caniuse.com/#search=drag

फ़ाइल एपीआई http://caniuse.com/#search=fileapi

+0

ब्राउजर स्नीफिंग के बिना, इसका परीक्षण करने का कोई तरीका? – jayarjo

+0

@jayarjo आधुनिकता का प्रयास करें। http://modernizr.com/ –

+0

मैंने कोशिश की कि यह इसका पता नहीं लगाए, उदाहरण के लिए यह कहता है कि आईई खींच और छोड़ सकते हैं। – jayarjo

संबंधित मुद्दे