getting file size in javascript

by

If it’s not a local application powered by JavaScript with full access permissions, you can’t get the size of any file just from the path name. Web pages running javascript do not have access to the local filesystem for security reasons.

HTML5 has the File API. If a user selects the file for an input[type=file] element, you can get details about the file from the files collection:

<input type=file id=fileSelector>

fileSelector.onchange = () => {
    alert(fileSelector.files[0].size);
}

More Related Contents:

  1. When we using alert vs popup div tag? [closed]
  2. Turn if-else-if statement into switch statement in Javascript
  3. What is the purpose of the var keyword and when should I use it (or omit it)?
  4. How to return value from an asynchronous callback function? [duplicate]
  5. How to “properly” create a custom object in JavaScript?
  6. Preloading images with JavaScript
  7. Regex to match all instances not inside quotes
  8. Vanilla JavaScript Event Delegation
  9. JavaScript parser in JavaScript [closed]
  10. Jquery/Ajax call with timer
  11. How to convert JSON to CSV format and store in a variable
  12. Most efficient method of detecting/monitoring DOM changes?
  13. How to access accelerometer/gyroscope data from Javascript?
  14. Sort two arrays the same way
  15. toRad() Javascript function throwing error
  16. Passing variables through handlebars partial
  17. How to inject HTML into a template with polymer
  18. How to use Admin SDK with limited privileges on Firestore?
  19. Calling a function on Bootstrap modal open
  20. JavaScript function binding (this keyword) is lost after assignment
  21. Accessing EJS variable in Javascript logic
  22. d3 js – loading json without a http get
  23. Using javascript to download file as a.csv file
  24. How to send multipart/form-data form content by ajax (no jquery)?
  25. Using node.js’s File System functions from a browser
  26. jQuery: How to traverse / Iterate over a list of object
  27. How to hide the Google Invisible reCAPTCHA badge
  28. Merge Image using Javascript
  29. Unsigned Right Shift / Zero-fill Right Shift / >>> in PHP (Java/JavaScript equivalent)
  30. addEventListener, arrow functions, and `this` [duplicate]

Leave a Comment