jQuery获取文件控件中图片的宽度和大小。

问题

如何判断输入文件格式上传的图像的宽度和大小

解决方案

这一次的照片是不是真的上传了，这不是在网页上，你可以不使用$（# ID）。Width（），$（# ID）Height（）。

在堆栈溢出中，找到一种获取输入文件图片文件宽度的方法：

无功_url = window.url window.webkiturl | |；
$（#文件）。变化（功能（e）{
var文件，img；
如果（（文件=这个文件{ 0 }））{
img =新的图像（）；
img.onload =函数（）{
警报（this.width ++，身高）；
}；
Img.src = _URL.createObjectURL (file);
}
}）；

人们发现它只能在Firefox中使用。其他浏览器的兼容性是未知的，因为使用了背景，因此暂时不兼容兼容性。

我改进了这个函数来获得输入文件图片的宽度和大小，如下所示：

获取输入宽度和大小。
功能getimagewidthandheight（ID，回调）{
无功_url = window.url window.webkiturl | |；
$（# +身份证（功能）。变化（e）{
var文件，img；
如果（（文件=这个文件{ 0 }））{
img =新的图像（）；
img.onload =函数（）{
回调回调（{宽度：this.width，高度：this.height，文件大小：文件大小。}）；
}；
img.src = _url.createobjecturl（文件）；
}
}）；
}

这里使用回调方法，回调方法的参数是JSON对象，包括宽度、高度和大小，这在jQuery中被调用：

（函数（）{（））
省略其他代码
GetImageWidthAndHeight（'image_file功能（obj）{
如果（obj.width = 843 | |！obj.height！= 1038）{
美元。messager.alert（手术提示'，'宽度弹出图片必须是843×1038px）；
}
}）；
}（jQuery）

好的，所以这很好。以上是jQuery获取输入文件的宽度和图片大小的全部内容。我相信当您通常使用jQuery和上传图片时，这篇文章的内容会对您有所帮助。