मैं उपयोगकर्ता से अनुरोध करता हूं कि जब वे फॉर्म भरते हैं तो 4 अलग-अलग फाइलें अपलोड करें।

यहां एक इनपुट का उदाहरण दिया गया है:

  <div class="custom-file">
    <input type="file" class="custom-file-input" accept="video/*" id="video1" required>
    <label class="custom-file-label" for="video1"> drop the video</label>
  </div>

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

इसके बजाय, जब उपयोगकर्ता फ़ाइल के लिए ब्राउज़ करता है, तो फ़ाइल चुनता है और फिर "ओपन" पर क्लिक करता है, मैं चाहता हूं कि उपयोगकर्ता को स्वीकृत एक्सटेंशन वाली फ़ाइल चुनने के लिए एक बॉक्स दिखाई दे।

क्या फॉर्म जमा करने के स्थान पर ऐसा करने का कोई तरीका है?

0
Bob 25 अक्टूबर 2019, 14:05

1 उत्तर

सबसे बढ़िया उत्तर

यदि आप कोई अलर्ट नहीं दिखाना चाहते हैं तो आप बस इनपुट टैग को निम्नानुसार बदल सकते हैं

 <input type="file" class="custom-file-input" accept="video/mp4,video/x-m4v,video/*" id="video1" required>

यदि आप वास्तव में कोई संदेश दिखाना चाहते हैं तो आप oninput विशेषता का उपयोग करके अलर्ट को कॉल कर सकते हैं। निम्नलिखित का प्रयास करें

 function inputHandler(value)
      {
       if(!value.endsWith("mp4"))
       {
           alert("only mp4 is allowed");
       }
      }
<div class="custom-file">
      <input
        type="file"
        class="custom-file-input"
        accept="video/*"
        id="video1"
        required
        oninput="inputHandler(this.value)"
      />
      <label class="custom-file-label" for="video1"> drop the video</label>
    </div>
0
Rashiq Kodakkad 25 अक्टूबर 2019, 11:43