ফাইল নির্বাচন কিভাবে ঘটনা আগুন

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

এটি একটি পুরানো প্রশ্ন যা এর জন্য একটি নতুন উত্তর দরকার যা উত্তরের উত্তর গ্রহণের মন্তব্যে @ ক্রিসটফার থমাসের উদ্বেগকে সম্বোধন করবে। আপনি যদি পৃষ্ঠাটি থেকে সরে না যান এবং তারপরে দ্বিতীয়বার ফাইলটি নির্বাচন করেন, আপনি ক্লিক করতে বা কোনও টাচ স্টার্ট (মোবাইলের জন্য) করার সময় আপনাকে মানটি সাফ করতে হবে। আপনি পৃষ্ঠাটি থেকে সরে গিয়ে 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

সাফল্যের সাথে ফাইল লোড হওয়ার পরে আপনি যা কিছু করতে চান তা করুন your আপনার ফাইল প্রসেসিং শেষ হওয়ার পরে ফাইল কন্ট্রোলের মান ফাঁকা স্ট্রিংয়ে সেট করুন so উদাহরণস্বরূপ আপনি এই জিনিসটি করতে পারেন এবং কবিতার মতো আমার জন্য কাজ করেছেন

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

Question 6

আপনি যখন একই ফাইলটি একাধিকবার আপলোড করেন এবং @ পরিবর্তন ইভেন্টটি ট্রিগার করে না তখন সমস্যা ব্যবহারকারীদের জন্য সমাধান, সমাধান করা:

 <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

এস 6 ব্যবহার করে ভ্যানিলা জেএস

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