कैसे फ़ाइल चयन पर आग की घटना के लिए

Question 1

मैंने एक रूप दिया है

<form  onSubmit="return disableForm(this);" action="upload.php" method="post" name="f" id="wizecho" enctype="multipart/form-data">
    <input type="file" name="file" />
    <button onClick="return disableForm(this),ajaxUpload(this.form,'wizecho_upload.php', '&lt;br&gt;Uploading image please wait.....&lt;br&gt;'); return false;">
        Upload Image
    </button>
</form>

यह एक छवि अपलोड करना है।

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

Question 2

फ़ाइल इनपुट पर परिवर्तन ईवेंट का उपयोग करें।

$("#file").change(function(){
         //submit the form here
 });

Question 3

आप इनपुट फ़ील्ड पर ऑन्चेंज ईवेंट के लिए सदस्यता ले सकते हैं:

<input type="file" id="file" name="file" />

और फिर:

document.getElementById('file').onchange = function() {
    // fire the upload here
};

Question 4

यह एक पुराना प्रश्न है, जिसे नए उत्तर की आवश्यकता है जो @Christopher Thomas की चिंता को स्वीकार करते हैं, जो उत्तर की टिप्पणियों में ऊपर दिया गया है। यदि आप पृष्ठ से दूर नहीं जाते हैं और फिर दूसरी बार फ़ाइल का चयन करते हैं, तो आपको क्लिक करने या टचस्टार्ट (मोबाइल के लिए) करने पर मूल्य को साफ़ करने की आवश्यकता होती है। जब आप पृष्ठ से दूर जाते हैं और jquery का उपयोग करते हैं तो भी नीचे काम करेंगे:

//the HTML
<input type="file" id="file" name="file" />



//the JavaScript

/*resets the value to address navigating away from the page 
and choosing to upload the same file */ 

$('#file').on('click touchstart' , function(){
    $(this).val('');
});


//Trigger now when you have selected any file 
$("#file").change(function(e) {
    //do whatever you want here
});

Question 5

फ़ाइल लोड सफलतापूर्वक होने के बाद आप जो कुछ भी करना चाहते हैं, करें। आपकी फ़ाइल प्रोसेसिंग के पूरा होने के बाद फ़ाइल नियंत्रण का मूल्य ब्लैंक नियंत्रण के लिए सेट करें।। thechange () को हमेशा फ़ाइल नाम परिवर्तन या नहीं भी कहा जाएगा। उदाहरण के लिए आप यह काम कर सकते हैं और मेरे लिए आकर्षण की तरह काम कर सकते हैं

  $('#myFile').change(function () {
    LoadFile("myFile");//function to do processing of file.
    $('#myFile').val('');// set the value to empty of myfile control.
    });

Question 6

जब आप एक ही फ़ाइल को कई बार अपलोड करते हैं तो vue उपयोगकर्ताओं के लिए समस्या हल हो जाती है और @change घटना ट्रिगर नहीं होती है:

 <input
      ref="fileInput"
      type="file"
      @click="onClick"
    />
  methods: {
    onClick() {
       this.$refs.fileInput.value = ''
       // further logic for file...
    }
  }

Question 7

onFileChange(e) {
//upload file and then delete it from input 
 self.$refs.inputFile.value = ''
}

Question 8

es6 का उपयोग कर वेनिला जे.एस.

document.querySelector('input[name="file"]').addEventListener('change', (e) => {
 const file = e.target.files[0];
  // todo: use file pointer
});