इनपुट प्रकार = "फ़ाइल" पर jQuery परिवर्तन विधि

Question

मैं अपने सरल और सुरुचिपूर्ण एपीआई के साथ jQuery 100% को गले लगाने की कोशिश कर रहा हूं लेकिन मैं एपीआई और सीधे एचटीएमएल के बीच असंगतता में भाग गया हूं कि मैं काफी नहीं कर सकता अंदाजा लगाओ।

मेरे पास एक AJAX फ़ाइल अपलोडर स्क्रिप्ट है (जो सही ढंग से कार्य करती है) कि मैं प्रत्येक बार फ़ाइल इनपुट मान में परिवर्तन करना चाहता हूं। यहाँ मेरे कार्य कोड है:

<input type="file" size="45" name="imageFile" id="imageFile" onchange="uploadFile()"> 

जब मैं एक jQuery कार्यान्वयन के लिए onchange घटना कन्वर्ट:

$('#imageFile').change(function(){ uploadFile(); }); 

परिणाम समान नहीं है। onchange विशेषता uploadFile() फ़ंक्शन को किसी भी समय मूल्य के रूप में बदला जाता है जैसा कि अपेक्षित है। लेकिन jQuery एपीआई .change() इवेंट हैंडलर के साथ, ईवेंट केवल पहली बार एक मूल्य बदल जाता है। उसके बाद किसी भी मूल्य परिवर्तन को नजरअंदाज कर दिया जाता है। यह मेरे लिए गलत लगता है लेकिन निश्चित रूप से यह jQuery द्वारा एक निरीक्षण नहीं हो सकता है, है ना?

क्या किसी और को भी एक ही समस्या का सामना करना पड़ा है और क्या आपके पास उपर्युक्त वर्णन के अलावा समस्या का समाधान या समाधान है?

Answer 1

AJAX अपलोडर आपके इनपुट तत्व को रीफ्रेश कर रहा है? यदि ऐसा है तो आपको .live() विधि का उपयोग करने पर विचार करना चाहिए।

$('#imageFile').live('change', function(){ uploadFile(); }); 

अद्यतन:

jQuery से

1.7+ आप अब .on का उपयोग करना चाहिए()

$(parent_element_selector_here or document).on('change','#imageFile' , function(){ uploadFile(); }); 

Answer 2

मैं IE8 + फ़ाइल इनपुट प्रकार के लिए एक jQuery ईवेंट हैंडलर जोड़कर काम करने के लिए नहीं मिल सका ।

<input type='file' onchange='getFilename(this)'/> 

function getFileName(elm) { 
    var fn = $(elm).val(); 
    .... 
} 

Answer 3

jQuery 1.7 के रूप में, .live() विधि बहिष्कृत हो गई है: मैं ओल्ड-स्कूल जाने के लिए और इनपुट टैग के लिए onchange="" विशेषता जोड़ने के लिए किया था। ईवेंट हैंडलर संलग्न करने के लिए .on() का उपयोग करें। JQuery के पुराने संस्करणों के उपयोगकर्ताओं को .delegate() को प्राथमिकता में .live() में उपयोग करना चाहिए। संदर्भ: http://api.jquery.com/on/

$('#imageFile').on("change", function(){ uploadFile(); });