Get uploaded image dimensions using javascript

Question

In one of my form ( jquery + html + php ) I have to check the extension of file before uploading to the server. ie. User is only allowed to upload .jpg files only and within fixed dimensions for eg: 150px X 100px. For this I will have to write a client-side validation using javascript.

Gagandeep Singh · Accepted Answer · 2013-01-09 10:15:02Z

2

You can't do that in Javascript. you have to use flash based uploader like SWFUpload or Uploadify to do this.

Update:

There is one jquery upload project that I really like,

http://blueimp.github.com/jQuery-File-Upload/

edited Jan 9, 2013 at 10:15

answered Jan 16, 2012 at 10:09

Gagandeep Singh

5,8974 gold badges43 silver badges60 bronze badges

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

1 Comment

ramesh Over a year ago

any alternate way for this with html5 ?

antoniom · Accepted Answer · 2012-01-16 10:12:45Z

1

Javascript cannot check the true type of a file. This means that a user can upload a BMP file by renaming it to a jpg extension.

However a sample javascript code that can do the work is:

// Assume that filename is a variable that holds the filename 
if(filename.lastIndexOf(".jpg") == -1) {
    return false;
}
else {
    return true;
}

answered Jan 16, 2012 at 10:12

antoniom

3,2612 gold badges41 silver badges58 bronze badges

2 Comments

ramesh Over a year ago

thanks for the reply and actually I want to get the dimensions of the uploaded file at the time of form submit

antoniom Over a year ago

As previsously stated, this cannot be done with pure javascript. You have to check a JavaScript library for this.

Collectives™ on Stack Overflow

Get uploaded image dimensions using javascript

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related