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

अपलोड करते समय जावास्क्रिप्ट में फाइल साइज वैलिडेट करना


जावास्क्रिप्ट में अपलोड करते समय फाइल साइज वैलिडेट करने के लिए कोड निम्नलिखित है:

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    } </style> </head> <body> <h1>Validating a file size while uploading</h1> <input type="file" class="file" onchange="validateFile()" /> <div class="result"></div> <h3>Upload a file using the above file input type</h3> <script>    let BtnEle = document.querySelector(".Btn");    let resEle = document.querySelector(".result");    let fileEle = document.querySelector(".file");    function validateFile() {       if (fileEle.files.length) {          let fileSize = Math.round(fileEle.files[0].size / 1024);          if (fileSize > 4096) {             resEle.innerHTML = "File cant be uploaded too big";          } else {             resEle.innerHTML = "File can be uploaded. File size = " + fileSize+' bytes';          }       }    } </script> </body> </html>

आउटपुट

अपलोड करते समय जावास्क्रिप्ट में फाइल साइज वैलिडेट करना

'Choose file' बटन पर क्लिक करके फाइल चुनने पर:

अपलोड करते समय जावास्क्रिप्ट में फाइल साइज वैलिडेट करना



  1. JavaScript WebAPI File file.name प्रॉपर्टी JavaScript WebAPI File file.name प्रॉपर्टी

    JavaScript File WebAPI file.name प्रॉपर्टी बिना पथ के केवल फाइल का नाम लौटाती है।उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <t

  1. JavaScript में File और FileReader JavaScript में File और FileReader

    JavaScript में File और FileReader को दर्शाने वाला निम्नलिखित कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>File

  1. HTML फाइल में JavaScript कैसे एम्बेड करें? HTML फाइल में JavaScript कैसे एम्बेड करें?

    HTML फाइल में JavaScript एम्बेड करने का निम्नलिखित कोड है:उदाहरण<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Embed JS in HTM