Get Height and Width of Image when upload
<script type="text/javascript"> var _URL = window.URL || window.webkitURL; $('#structure_product_image').on('change', function() { //pass here file field id var image, file; if ((file = this.files[0])) { image = new Image(); image.onload = function() { $("#error_message").text(""); if (this.width <= 700) { $("#error_message").text("Width should be greater than 700 pixel!") //id where you want to display text } else if (this.height <= 600){ $("#error_message").text("Height should be greater than 600 pixel!") } else if (this.height >= this.width){ $("#error_message").text("Height should not be greater than Width") } if($("#error_message").text() == ""){ $("#save_product").prop("disabled" , false)