如何在上传图像之前使用JavaScript检查图像尺寸和图像格式？

我是使用HTML、JavaScript和PHP制作网页的初学者。我现在正在为用户制作一个网页，以便上传具有特定维度和扩展名的图像，因为我的代码是以前编写的，只能用于特定需求

上传图像的代码如下：

<form name="images" method="POST" action="send.php">
<label>Some text</label>
<input type="text" name="someText"/>
<label>The image: </label>
<input id="img" type="file" name="imageUpload" accept=".jpg"/><br/>
<input type="submit" value="submit"/>
</form>

一些文本
图像：

我通过互联网搜索并尝试了提供的许多解决方案，但我无法解决问题。有没有其他办法来解决这个问题。多谢各位

我尝试过的解决方案是： ，JavaScript檢查檔案格式、大小+

尝试以下代码

var URL=window.URL | | window.webkitURL；
$（“#img”）.更改（功能（e）{
var文件，img；
如果（（file=this.files[0]））{
img=新图像（）；
img.onload=函数（）{
console.log（“宽度：+this.width+”高度：+this.height）；
};
img.src=\u URL.createObjectURL（文件）；
}
});


尝试以下代码


var URL=window.URL | | window.webkitURL；
$（“#img”）.更改（功能（e）{
var文件，img；
如果（（file=this.files[0]））{
img=新图像（）；
img.onload=函数（）{
console.log（“宽度：+this.width+”高度：+this.height）；
};
img.src=\u URL.createObjectURL（文件）；
}
});


请在问题中提及您到目前为止所做的尝试，因为您的问题是一个常见的案例，在Internet上应该有很多可行的解决方案。您的目标浏览器是什么？因为我希望使网页更加用户友好，最好使用任何浏览器请在问题中提及您迄今为止所做的尝试，因为您的问题是一种常见的情况，在Internet上应该有很多有效的解决方案。您的目标浏览器是什么？因为我想使网页更易于使用，所以最好使用任何浏览器谢谢您的回答。但是我的意思是我需要得到图像的宽度和高度，而不是文件的大小。很抱歉，现在试试，我已经编辑了我的答案，我已经使用jquery，我认为这对你没问题谢谢你的回复。但是我的意思是我需要得到图像的宽度和高度，而不是文件的大小。很抱歉，现在试试吧，我已经编辑了我的答案，我已经使用jquery，我认为这对你没问题