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

एचटीएमएल डोम इनपुट फ़ाइल मूल्य संपत्ति अपलोड करें

<घंटा/>

HTML DOM इनपुट फ़ाइल अपलोड मान गुण फ़ाइल अपलोड इनपुट बटन की मान विशेषता की सामग्री लौटाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

object.value

उदाहरण

आइए इनपुट फाइलअपलोड वैल्यू प्रॉपर्टी का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM name Property</title>
<style>
   body{
      background-color:#397367;
      color:#fff;
      padding:20px;
   }
   .btn{
      display:block;
      background-color:#22223B;
      color:#fff;
      border:none;
      padding:0.5rem;
      border-radius:50px;
      width:80%;
      margin:10px;
   }
   .show-value{
      font-weight:bold;
      font-size:1.4rem;
      color:#fff;
   }
</style>
</head>
<body>
<h1>FileUpload value Property Example</h1>
<p>Please Select a File!</p>
<input type="file">
<button onclick="getValue()" class="btn">Get File Upload Button Value</button>
<div class="show-value"></div>
<script>
   function getValue() {
      var chooseFileBtn= document.querySelector("input");
      document.querySelector(".show-value").innerHTML ="Value = " + chooseFileBtn.value;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम इनपुट फ़ाइल मूल्य संपत्ति अपलोड करें

फ़ाइल अपलोड बटन मान प्राप्त करें . पर क्लिक करें इनपुट फ़ाइल अपलोड बटन के मूल्य विशेषता की सामग्री प्राप्त करने के लिए बटन।

एचटीएमएल डोम इनपुट फ़ाइल मूल्य संपत्ति अपलोड करें


  1. HTML DOM इनपुट नंबर वैल्यू प्रॉपर्टी

    HTML DOM इनपुट नंबर वैल्यू प्रॉपर्टी टाइप =“नंबर” वाले इनपुट एलिमेंट से जुड़ी है और वैल्यू एट्रीब्यूट है। इस संपत्ति का उपयोग इनपुट तत्व मूल्य विशेषता के मूल्य को वापस करने या इसे सेट करने के लिए किया जाता है। इस गुण का उपयोग तत्वों के लिए एक डिफ़ॉल्ट मान निर्दिष्ट करने के लिए किया जाता है और यह इसक

  1. HTML DOM इनपुट सर्च वैल्यू प्रॉपर्टी

    HTML DOM इनपुट सर्च वैल्यू प्रॉपर्टी टाइप =सर्च और वैल्यू एट्रिब्यूट वाले इनपुट एलिमेंट से जुड़ी है। इसका उपयोग इनपुट सर्च फील्ड वैल्यू एट्रीब्यूट के मान को वापस करने या इसे सेट करने के लिए किया जाता है। इस गुण का उपयोग खोज फ़ील्ड के लिए एक डिफ़ॉल्ट मान निर्दिष्ट करने के लिए किया जाता है और यह मान क

  1. HTML DOM इनपुट सबमिट वैल्यू प्रॉपर्टी

    HTML DOM इनपुट सबमिट वैल्यू प्रॉपर्टी टाइप =सबमिट और वैल्यू एट्रिब्यूट वाले इनपुट एलिमेंट से जुड़ी है। इसका उपयोग सबमिट बटन मान विशेषता के मान को वापस करने या इसे सेट करने के लिए किया जाता है। सबमिट बटन के लिए वैल्यू प्रॉपर्टी बटन पर प्रदर्शित टेक्स्ट को बदल देती है क्योंकि टेक्स्ट डिफ़ॉल्ट रूप से स