我有一个带有表单的JPS页面,用户可以在其中上传图像:
<div class="photo">
<div>Photo (max 240x240 and 100 kb):</div>
<input type="file" name="photo" id="photoInput" onchange="checkPhoto(this)"/>
</div>
我写了这个js:
function checkPhoto(target) {
if(target.files[0].type.indexOf("image") == -1) {
document.getElementById("photoLabel").innerHTML = "File not supported";
return false;
}
if(target.files[0].size > 102400) {
document.getElementById("photoLabel").innerHTML = "Image too big (max 100kb)";
return false;
}
document.getElementById("photoLabel").innerHTML = "";
return true;
}
这段代码可以检查文件类型和大小。现在我想检查图片的宽度和高度,但是我无法做到。
我已经尝试过使用target.files[0].width
,但是返回undefined
。用其他方法则返回0
。
你有什么建议吗?