Question

我正在尝试验证用户上传的图片。因此，在用户添加其图像之后，在将其上载到服务器上之前，我尝试使用下面的javascript代码验证图像尺寸，但它不起作用。

function check_image_dimensions(){
var t=document.getElementById("main_file_1");
e=t.clientWidth;

n="";
o="We could not upload your image because \n \n";
if (e<300) {
(n+="The height of the image must be greater than 300px \n";
}
if(i<300){
n+="The height of the image must be greater than 300px \n";
}

我也尝试过：

e=t.width;
i=t.height;

但它仍然无效。我做错了什么？

谢谢！

Answer 1

类似的东西：

1）将图像放入隐藏的<img/>元素

中

请参阅此示例：MDN - Using files from web applications

2）检查<img/>元素的大小（边界框）

if(img.getBoundingClientRect().width<300) ...

3）提醒用户（或不提醒）

以下是有效版本：JSFiddle。

浏览器兼容性： Firefox 3.6 +， Chrome 7+， IE 10+，歌剧12 +

上传前的图片高度和宽度

1 个答案: