HTML DOM इनपुट फाइल अपलोड value प्रॉपर्टी

परिचय

HTML DOM इनपुट फाइल अपलोड value प्रॉपर्टी फाइल अपलोड इनपुट बटन के value एट्रिब्यूट की सामग्री लौटाती है। यह चुनी गई फाइल का पथ (या केवल फाइल नाम) दर्शाता है।

सिंटैक्स

object.value

उदाहरण

फाइल अपलोड बटन के value प्रॉपर्टी को प्रदर्शित करना:

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM name प्रॉपर्टी</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>फाइल अपलोड value प्रॉपर्टी उदाहरण</h1>
<p>कृपया एक फाइल चुनें!</p>
<input type="file">
<button onclick="getValue()" class="btn">फाइल अपलोड बटन का मान प्राप्त करें</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>

आउटपुट

फाइल चुनने के बाद "फाइल अपलोड बटन का मान प्राप्त करें" बटन पर क्लिक करने पर फाइल का पथ/नाम दिखेगा।