FileSize through javascript

Question

I want to check the file size of the file selected by user, at the client side by using javascript.The code i am using for this is:

<script type="text/javascript">
 var myFile = document.getElementById('myfile');

  //binds to onchange event of the input field
  myFile.addEventListener('change', function() {
  //this.files[0].size gets the size of your file.
   alert(this.files[0].size);

   });
 </script>

But when i run the code, choose a file, nothing happpens. Any body tell me what i am doing wrong

Pointy · Accepted Answer · 2012-04-04 13:51:37Z

3

Your code works fine (in HTML5 browsers with the File API). Make sure that your <script> block is after the <input> element. In that jsfiddle, it's in the "load" handler.

answered Apr 4, 2012 at 13:51

Pointy

415k62 gold badges600 silver badges632 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mplungjan Over a year ago

or in window.onload=function { ... }

Pointy Over a year ago

@mplungjan yes I updated the answer a little bit; I got the "onload" for free via jsfiddle :-)

Khôi · Accepted Answer · 2012-04-04 13:55:13Z

0

Works for me using jquery:

http://jsfiddle.net/UUdcy/

$('#myfile').change( function() {
    var fileInput = $("#myfile")[0];
    var imgbytes = fileInput.files[0].fileSize; // Size returned in bytes.
    $('body').append('<p>'+imgbytes+'</p>');
});

answered Apr 4, 2012 at 13:55

Khôi

2,15312 silver badges10 bronze badges

Comments

Matt Fellows · Accepted Answer · 2012-04-04 14:01:35Z

0

You can't get the file size using javascript. Security in the browser prevents file system access by Javascript. You'd need to use Flash, or ActiveX or something that would be able to be granted permissions to do this I believe.

EDIT: If you are using the HTML5 File API then I guess you can do this - but as you've not indicated that anywhere I didn't assume that this was the case. I will put HTML as a tag on your post.

edited Apr 4, 2012 at 14:01

answered Apr 4, 2012 at 13:46

Matt Fellows

6,5324 gold badges38 silver badges58 bronze badges

1 Comment

Pointy Over a year ago

He's trying to use the HTML 5 file API I think.

Collectives™ on Stack Overflow

FileSize through javascript

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related