Hi Raj,
Try this On Load client script below. It works perfectly fine for me :
function onLoad() {
//Type appropriate comment here, and begin script below
var maxheight = 1000;
var maxwidth = 1000;
var valid = true;
window.myisvalidimage = function(){
return valid;
};
$j('#sc_attachment_button').on('click', function( e ) {
setTimeout(function (){
$j('#attachFile').on('change', function( evt ) {
if (typeof (this.files) != "undefined") {
var reader = new FileReader();
//Read the contents of Image File.
reader.readAsDataURL(this.files[0]);
reader.onload = function (e) {
//Initiate the JavaScript Image object.
var image = new Image();
//Set the Base64 string return from FileReader as source.
image.src = e.target.result;
image.onload = function () {
//Determine the Height and Width.
var height = this.height;
var width = this.width;
if (height > maxheight || width > maxwidth) {
valid = false;
alert("Height and Width must not exceed 100px.Please Delete and Re-upload !");
return false;
}
alert("Uploaded image has valid Height and Width.");
return true;
};
};
} else {
alert("This browser does not support HTML5.");
return false;
}
});
},3000);
});
}
Make the necessary variable changes and you are good to go !!!
Thanks,
Arnab
