php - 在 Javascript、PHP 中验证图像分辨率

Question

我想在通过 Javascript 以 PHP 上传图像之前验证图像分辨率。在我的 php 表单中，我想上传两个不同的图像，并且两个图像都有不同的分辨率限制。

我尝试以下代码

PHP 代码

echo "<form name='add' enctype='multipart/form-data' action='AppActions.php' method='post' onSubmit='return validate_create();'>";
echo "<div class='form_label'>Album Wrapper (Big Image) *</div>";
echo "<div class='form_input'><input type='file' name='bigimage' id='bigimage' />";

echo "<div class='form_label'>Album Wrapper (Small Image) *</div>";
echo "<div class='form_input'><input type='file' name='smallimage' id='smallimage' />;
echo "<input type='submit' name='add' value='Create' class='Buttons' id='add'>";    

在 JavaScript 中

function validate_create()
{
var bigimage = document.getElementById('bigimage');
var smallimage = document.getElementById('smallimage');

var big_img_width = bigimage.clientWidth;
var big_img_height = bigimage.clientHeight;

var small_img_width = smallimage.clientWidth;
var small_img_height = smallimage.clientHeight;

// if condtion to check the condition //
}

在这里，即使我选择不同大小的文件，我得到的两个图像的宽度和高度也是相同的。

如何做到这一点？请推荐我

提前致谢

Answer 1

您可以使用 JavaScript 中新的 HTML5 文件 API 来检查这一点。但是，这在许多浏览器中尚不可用。不过，您可以实现它，因此支持此功能的浏览器的用户可以利用此功能。看this SO post了解更多信息和示例。另一种可能性是使用某种 Flash uploader (只需搜索它)。

你无法在 PHP 中预先检查它。 PHP 运行服务器端，显然它无法访问客户端计算机上的任何内容。