How can you determine the file size in JavaScript?

by

As you know IE supports the fileSize property of an image. No such luck in other browsers … however, you should be able to modify this script:

http://natbat.net/2008/Aug/27/addSizes/

It uses JSON to read HTTP headers of files and display their actual file size. That should help you prevent people uploading large animated GIFs.

As for getting the dimensions:

var img = new Image();
theImage.src = "https://stackoverflow.com/questions/1126905/someimage.jpg";
actualwidth = theImage.width;
actualheight = theImage.height;

This of course is a pure client-side approach to something best handled server-side.

More Related Contents:

  1. Get image data URL in JavaScript?
  2. how to proportionally scale a div with images inside?
  3. How to create a file in memory for user to download, but not through server?
  4. Download a file from NodeJS Server using Express
  5. How to resize images proportionally / keeping the aspect ratio?
  6. How do I load binary image data using Javascript and XMLHttpRequest?
  7. How to get an AJAX get-request to wait for the page to be rendered before returning a response?
  8. How to download a file without using element with download attribute or a server?
  9. Open file dialog box in JavaScript
  10. Image convert to Base64
  11. Waiting for image to load in JavaScript
  12. Why is window (and unsafeWindow) not the same from a userscript as from a tag?
  13. Simulating a mousedown, click, mouseup sequence in Tampermonkey?
  14. How to change a class CSS with a Greasemonkey/Tampermonkey script?
  15. How do image preloaders work?
  16. AJAX File Upload with XMLHttpRequest
  17. How to save an image of the chart on the server with highcharts?
  18. How to set the image quality while converting a canvas with the “toDataURL” method?
  19. JavaScript: Know when an image is fully loaded
  20. How to convert image to byte array using javascript only to store image on sql server?
  21. Javascript : get src and set as variable?
  22. Image brightness detection in client side script
  23. Copy Image to Clipboard from Browser in Javascript?
  24. Using image.complete to find if image is cached on chrome?
  25. How to bind img src to data in Vue
  26. How to get HTTP status code of tags
  27. How to get the modified time of a file being uploaded in JavaScript?
  28. canvas- Cropping images in different shapes
  29. Add a JavaScript button using Greasemonkey or Tampermonkey?
  30. Compare two Images in JavaScript

Leave a Comment