关于HTML5，Javascript或jQuery中的图片上传验证

Question

在上传到服务器之前，是否有任何方法可以验证图像文件的尺寸。

详细说明

我有一个PHP文件上传表单，图像上传将受到特定尺寸的限制。 我已经在服务器端进行检查，并且我想在上传过程之前检查图像尺寸

请帮忙谢谢

Answer 1

是的，有可能。 例如， pupload可以在客户端调整图像大小。

查看HTML5运行时源，以了解如何确定尺寸。

Answer 2

检查这个例子http://jsfiddle.net/WQNzY/1/我是根据这个很棒的MDN教程创建的

它使用FileReader API，因此您想检查一下当前哪些浏览器支持它。 现在可以在Mozilla，Chrome，Opera中使用。 但是请确保对于旧的浏览器，无论如何您都需要使用服务器端验证。 没什么大不了的，因为无论如何您都需要它与客户端一起使用，但是对于现代浏览器，您可以使用户体验更加流畅和愉悦。