फ़ाइल इनपुट कैसे साफ़ करें

Question 1

नीचे jquery कोड का एक हिस्सा है जो मेरे पास फ़ाइल इनपुट और एक "क्लियर फाइल" बटन प्रदर्शित करता है।

var $imagefile = $('<input />').attr({
    type: 'file',
    name: 'imageFile',
    class: 'imageFile'
});

$image.append($imagefile);

var $imageclear = $('<input />').attr({
    type: 'button',
    name: 'imageClear',
    class: 'imageClear',
    value: 'Clear File'
});

$image.append($imageclear);

अब मेरे पास "क्लियर फाइल" बटन होने का कारण है क्योंकि यदि आप बटन पर क्लिक करते हैं, तो यह फाइल इनपुट में कुछ भी स्पष्ट कर देगा। मैं इसे कैसे कोडित करूं ताकि "क्लियर फाइल" बटन पर क्लिक करने पर यह वास्तव में फाइल इनपुट को साफ कर दे?

Question 2

यह काम करना चाहिए:

$imageClear.on('click', function() { 
    $imageFile.val(''); 
});

Question 3

JQuery के साथ स्पष्ट फ़ाइल इनपुट

$("#fileInputId").val(null);

जावास्क्रिप्ट के साथ स्पष्ट फ़ाइल इनपुट

document.getElementById("fileInputId").value = null;

Question 4

यह वह विधि है जिसे मैं भी उपयोग करना पसंद करता हूं, लेकिन मेरा मानना है कि नई वस्तु के साथ जुड़े रहने के लिए आपको किसी भी घटना के लिए क्लोन विधि में बूल ट्रू पैरामीटर जोड़ने की आवश्यकता है और आपको सामग्री साफ़ करने की आवश्यकता है।

    var input = $("#fileInput");

    function clearInput() {
        input = input.val('').clone(true);
    };

https://api.jquery.com/clone/

Question 5

सेटिंग करके $("ID").val(null), मेरे लिए काम किया

Question 6

रिएक्ट उपयोगकर्ताओं के लिए

e.target.value = ""

लेकिन अगर फ़ाइल इनपुट तत्व एक अलग तत्व (एक htmlForविशेषता के साथ ) से चालू होता है - तो इसका मतलब होगा कि आपके पास ईवेंट नहीं है

तो आप एक रेफरी का उपयोग कर सकते हैं:

दुर्गंध की शुरुआत में:

const inputRef = React.useRef();

इनपुट तत्व पर

<input type="file" ref={inputRef} />

और फिर onClick फ़ंक्शन (उदाहरण के लिए) पर u लिख सकते हैं

inputRef.current.value = ""

प्रतिक्रिया कक्षाओं में - एक ही विचार, लेकिन निर्माणकर्ता में अंतर: this.inputRef = React.createRef()

Question 7

एक अन्य समाधान यदि आप निश्चित होना चाहते हैं कि यह क्रॉस-ब्राउज़र सक्षम है तो टैग को हटा दें () और फिर संलग्न करें () या प्रीपेन्ड () या किसी अन्य तरीके से उसी विशेषताओं के साथ इनपुट टैग का एक नया उदाहरण फिर से जोड़ें ।

<form method="POST" enctype="multipart/form-data">
<label for="fileinput">
 <input type="file" name="fileinput" id="fileinput" />
</label>
</form>

$("#fileinput").remove();
$("<input>")
  .attr({
    type: 'file',
    id: 'fileinput',
    name: 'fileinput'
    })
  .appendTo($("label[for='fileinput']"));

Question 8

यह काम करता है

 $("#yourINPUTfile").val("");

Question 9

मैंने ऐसा कुछ किया है और यह मेरे लिए काम कर रहा है

$('#fileInput').val(null);

Question 10

मेरे मामले में अन्य समाधान इस तरह से काम नहीं करते हैं:

$('.bootstrap-filestyle :input').val('');

हालाँकि, यदि आपके पास पृष्ठ पर 1 से अधिक फ़ाइल इनपुट होंगे, तो यह उन सभी पर पाठ को रीसेट कर देगा।

Question 11

इनपुट आईडी प्राप्त करें और वैल नीचे की तरह खाली है: नोट: वैल खाली डबल कोट्स वैल ("") के बीच जगह नहीं है।

 $('#imageFileId').val("")

Question 12

यह कोड सभी ब्राउज़र और सभी इनपुट के लिए काम करता है।

$('#your_target_input').attr('value', '');