उसी फ़ाइल के लिए इनपुट प्रकार = फ़ाइल "परिवर्तन" का पता कैसे लगाएं?

Question

जब कोई उपयोगकर्ता फ़ाइल चुनता है तो मैं एक ईवेंट को आग लगाना चाहता हूं। .change ईवेंट के साथ ऐसा करने से यह कार्य करता है यदि उपयोगकर्ता हर बार फ़ाइल को बदलता है।

लेकिन यदि उपयोगकर्ता एक ही फ़ाइल का चयन करता है तो मैं ईवेंट को आग लगाना चाहता हूं।

1. उपयोगकर्ता का चयन फ़ाइल A.jpg (घटना की आग)
2. उपयोगकर्ता का चयन फ़ाइल B.jpg (घटना की आग)
3. उपयोगकर्ता फ़ाइल B.jpg (ईवेंट को सक्रिय नहीं है, मैं इसे सक्रिय करना चाहते हैं) का चयन

मैं यह कैसे कर सकता हूं?

Answer 1

आप इसे चालित कर सकते हैं। फ़ाइल तत्व को निकालें और इसे उसी स्थान पर change ईवेंट पर जोड़ें। यह फाइल पथ को मिटा देगा जिससे हर बार इसे बदलने योग्य बनाया जा सकेगा।

Example on jsFiddle.

या आप बस .prop("value", "") उपयोग कर सकते हैं, this example on jsFiddle देखते हैं।

• jQuery 1.6+ prop
• पुराने संस्करण attr

या का उपयोग .val("")

Answer 2

आप यहां change आग नहीं बना सकते (सही व्यवहार, क्योंकि कुछ भी नहीं बदला गया)। हालांकि, आप click को भी बांध सकते हैं ... हालांकि यह भी को आग लग सकता है ... हालांकि दोनों के बीच बहुत अधिक मध्य ग्राउंड नहीं है।

$("#fileID").bind("click change", function() { 
    //do stuff 
}); 

Answer 3

मैं यह मिल गया फ़ाइल इनपुट मूल्य onClick समाशोधन और फिर फ़ाइल onChange पोस्टिंग द्वारा काम करने के लिए। यह उपयोगकर्ता को एक ही फ़ाइल को पंक्ति में दो बार चुनने की अनुमति देता है और अभी भी सर्वर पर पोस्ट करने के लिए परिवर्तन ईवेंट आग है। मेरा उदाहरण the jQuery form plugin का उपयोग करता है।

$('input[type=file]').click(function(){ 
    $(this).attr("value", ""); 
}) 
$('input[type=file]').change(function(){ 
    $('#my-form').ajaxSubmit(options);  
}) 

Answer 4

, मेरे लिए यह काम

<input type="file" onchange="function();this.value=null;return false;"> 

Answer 5

आप .attr("value", "") की कोशिश की है और काम नहीं किया है (जैसे मैंने किया था) आतंक नहीं

सिर्फ .val("") बजाय करते हैं, और काम करेंगे ठीक

Answer 6

आप jQuery

<form enctype='multipart/form-data'> 
    <input onchange="alert(this.value); return false;" type='file'> 
    <br> 
    <input type='submit' value='Upload'> 
</form> 

उपयोग करने के लिए नहीं करना चाहते हैं

यह फ़ायरफ़ॉक्स में ठीक काम करता है, लेकिन क्रोम के लिए आपको चेतावनी के बाद this.value=null; जोड़ने की आवश्यकता है।

Answer 7

फ़ाइल इनपुट की files सूची को साफ़ करने के लिए आप form.reset() का उपयोग कर सकते हैं। यह सभी फ़ील्ड को डिफ़ॉल्ट मानों पर रीसेट कर देगा, लेकिन कई मामलों में आप फ़ाइलों को अपलोड करने के लिए केवल एक फॉर्म में इनपुट प्रकार = 'फ़ाइल' का उपयोग कर सकते हैं। इस समाधान में तत्व को क्लोन करने और फिर से ईवेंट को दोबारा जोड़ने की आवश्यकता नहीं है।

philiplehmann

Answer 8

के लिए धन्यवाद ठीक है, मैं एक ही मुद्दा था। मैंने परिवर्तन के बजाय "इनपुट" (या ऑनपूट) इवेंट का इस्तेमाल किया और यह आकर्षण की तरह काम करता था।

Answer 9

आप आसानी से शून्य पर सेट कर सकते हैं जब भी उपयोगकर्ता नियंत्रण पर क्लिक करता है। अब, यदि उपयोगकर्ता एक ही फ़ाइल का चयन करता है, तो विनिमय ईवेंट ट्रिगर किया जाएगा।

<input id="file" onchange="file_changed(this)" onclick="this.value=null;" type="file" accept="*/*" />