TA貢獻1841條經(jīng)驗 獲得超3個贊
HTML：
<input type="file" name="photo" id="photoInput" />
JavaScript：
$.validator.addMethod('imagedim', function(value, element, param) {
var _URL = window.URL;
var img;
if ((element = this.files[0])) {
img = new Image();
img.onload = function () {
console.log("Width:" + this.width + " Height: " + this.height);
//this will give you image width and height and you can easily validate here....
return this.width >= param };
img.src = _URL.createObjectURL(element);
}});
TA貢獻1828條經(jīng)驗 獲得超4個贊
var input = document.getElementById('input');input.addEventListener("change", function() {
var file = this.files[0];
var img = new Image();
img.onload = function() {
var sizes = {
width:this.width,
height: this.height };
URL.revokeObjectURL(this.src);
console.log('onload: sizes', sizes);
console.log('onload: this', this);
}
var objectURL = URL.createObjectURL(file);
console.log('change: file', file);
console.log('change: objectURL', objectURL);
img.src = objectURL;});舉報