Get file size before uploading

by

For the HTML bellow

<input type="file" id="myFile" />

try the following:

//binds to onchange event of your input field
$('#myFile').bind('change', function() {

  //this.files[0].size gets the size of your file.
  alert(this.files[0].size);

});

See following thread:

How to check file input size with jQuery?

More Related Contents:

  1. jQuery Ajax File Upload
  2. How to use FormData for AJAX file upload?
  3. Upload multiple image using AJAX, PHP and jQuery
  4. Upload file with Ajax XMLHttpRequest
  5. Using HTML5 file uploads with AJAX and jQuery
  6. How to upload a file using jQuery.ajax and FormData
  7. How to send data to the server via Ajax?
  8. HTML: how refresh information in [closed]
  9. How to receive special character?
  10. Download a file by jQuery.Ajax
  11. jQuery AJAX file upload PHP
  12. Prevent browser caching of AJAX call result
  13. Post data to JsonP
  14. How to check file input size with jQuery?
  15. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘…’ is therefore not allowed access
  16. jQuery ajax success callback function definition
  17. Why is it a bad practice to return generated HTML instead of JSON? Or is it?
  18. How to return an Ajax result using async/await? [duplicate]
  19. AJAX request to local file system not working in Chrome? [duplicate]
  20. Server polling with JavaScript
  21. pdf file upload ajax html
  22. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  23. Populating a select box using JQUERY, AJAX and PHP
  24. Ajax file upload
  25. Chain ajax and execute it in sequence. Jquery Deferred
  26. “Permission denied” with Internet Explorer and jQuery
  27. How to show loading status in percentage for ajax response?
  28. jQuery ajax async: false causes a strange warning?
  29. Set Request Header jQuery Ajax
  30. ‘append’ called on an object that does not implement interface FormData

Leave a Comment