HTML फ़ाइल इनपुट

Question

पर फ़ाइल ड्रॉप करने की क्षमता के लिए फ़ीचर पहचान, क्या हम यह पता लगा सकते हैं कि कोई ब्राउज़र <input type="file" /> पर फ़ाइल छोड़ने का समर्थन करता है या नहीं?

उदाहरण के लिए, यह क्रोम में संभव है लेकिन IE8 में नहीं है।

Modernizr.draganddrop एक संभावना है लेकिन क्या यह सही विकल्प है? मैं कोई कस्टम ड्रैग/ड्रॉप इवेंट हैंडलर नहीं जोड़ रहा हूं।

अद्यतन

जो जवाब यहाँ एक jQuery उदाहरण है कि फ़ाइल ड्रॉप बंद कर देना चाहिए है सत्यापित करने के लिए। क्रोम और फ़ायरफ़ॉक्स में सत्यापित।

$yourFileInput.on('drop', function() { 
    return false; // if Joe's explanation was right, file will not be dropped 
}); 

Answer 1

मुझे लगता है कि Detecting support for a given JavaScript event? का उत्तर आपकी मदद कर सकता है। डिव के बजाय इनपुट के खिलाफ परीक्षण करने के लिए कोड समायोजित करना, और "ड्रॉप" ईवेंट के लिए परीक्षण मेरे लिए ठीक काम करता प्रतीत होता है।

यहां पुन: निर्मित ताकि आप क्लिक करने के लिए के माध्यम से की जरूरत नहीं है (और समायोजित थोड़ा है, क्योंकि यह लगता है कि आप केवल इस एक सुविधा का पता लगाने की जरूरत है):

function isEventSupported(eventName) { 
    var el = document.createElement('input'); 
    eventName = 'on' + eventName; 
    var isSupported = (eventName in el); 
    if (!isSupported) { 
    el.setAttribute(eventName, 'return;'); 
    isSupported = typeof el[eventName] == 'function'; 
    } 
    el = null; 
    return isSupported; 
} 
if(isEventSupported('drop')){ 
    //Browser supports dropping a file onto Input 
} else { 
    //Fall back, men! 
}