Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

HTML फॉर्म का उपयोग करके वेबसाइट पर बाहरी फ़ाइल कैसे अपलोड करें?


यदि आप किसी उपयोगकर्ता को अपनी वेबसाइट पर बाहरी फ़ाइल अपलोड करने की अनुमति देना चाहते हैं, तो आपको फ़ाइल अपलोड बॉक्स का उपयोग करना होगा, जिसे फ़ाइल सेलेक्ट बॉक्स के रूप में भी जाना जाता है। यह भी <input> एलिमेंट का उपयोग करके बनाया जाता है लेकिन type विशेषता को file पर सेट किया जाता है।

उदाहरण

अपनी वेबसाइट पर बाहरी फ़ाइल अपलोड करने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>
  <head>
    <title>फ़ाइल अपलोड</title>
  </head>
  <body>
    <form>
      <input type = "file" name = "upload" accept = "image/*" />
    </form>
  </body>
</html>

फ़ाइल अपलोड बॉक्स की विशेषताएं यहां दी गई हैं:

क्रमांक विशेषता और विवरण
1 name
सर्वर को भेजे जाने वाले कंट्रोल को नाम देने के लिए उपयोग किया जाता है ताकि इसे पहचाना जा सके और मान प्राप्त किया जा सके।
2 accept
उन फ़ाइल प्रकारों को निर्दिष्ट करता है जिन्हें सर्वर स्वीकार करता है।

  1. HTML फॉर्म में मल्टीपल फ़ाइल अपलोड कैसे अनुमति दें? HTML फॉर्म में मल्टीपल फ़ाइल अपलोड कैसे अनुमति दें?

    यदि आप चाहते हैं कि उपयोगकर्ता आपकी वेबसाइट पर फ़ाइल अपलोड करे, तो आपको फ़ाइल अपलोड बॉक्स का उपयोग करना होगा, जिसे फ़ाइल सिलेक्ट बॉक्स भी कहा जाता है। यह <input> एलिमेंट का उपयोग करके बनाया जाता है और type एट्रिब्यूट को file पर सेट किया जाता है।HTML फॉर्म में मल्टीपल फ़ाइल अपलोड की अनुमति देने

  1. HTML से फ़ाइल अपलोड बटन कैसे बनाएं? HTML से फ़ाइल अपलोड बटन कैसे बनाएं?

    HTML से फ़ाइल अपलोड बटन कैसे बनाएं? HTML से फ़ाइल अपलोड बटन बनाने के लिए, कोड इस प्रकार है: उदाहरण <!DOCTYPE html> <html> <head> <h1>File upload button example</h1> <p>Click on the Choose File button to upload a file:</p> <form> <input type="

  1. पायथन का उपयोग करके वेबसाइट ब्लॉकर पायथन का उपयोग करके वेबसाइट ब्लॉकर

    यदि आप एक बड़ी IT कंपनी में काम कर रहे हैं तो आप देख सकते हैं कि उनकी कुछ वेबसाइटें अवरुद्ध हैं, विशेष रूप से सोशल नेटवर्किंग साइट्स जैसे फेसबुक, यूट्यूब, इंस्टाग्राम आदि। कुछ वेबसाइटों को ब्लॉक करने के लिए थर्ड-पार्टी एप्लिकेशन का उपयोग करने के बजाय, हम अपना खुद का कस्टम एप्लिकेशन विकसित कर सकते ह