Javascript 检查客户端的图像尺寸

Javascript 检查客户端的图像尺寸,javascript,django,image,Javascript,Django,Image,我有一个网站,用户应该上传图片。我正试图找出设置这些图像最大宽度/高度的最佳方法,并在上传之前进行检查 我知道像bandcamp这样的网站有这个功能,看起来他们是用javascript在客户端实现的,但是当我在网上阅读所有类似的问题时,听起来好像不可能。下面是我的问题 如果有可能在javascript中实现这一点,有人能解释一下如何实现或向我展示一个开源示例吗 如果不是,那么这两种解决方案中的任何一种都可以接受 a。图像将从浏览器上载到服务器。一旦成功地将其复制到服务器上,就可以使用第三方pyt

我有一个网站,用户应该上传图片。我正试图找出设置这些图像最大宽度/高度的最佳方法,并在上传之前进行检查

我知道像bandcamp这样的网站有这个功能,看起来他们是用javascript在客户端实现的,但是当我在网上阅读所有类似的问题时,听起来好像不可能。下面是我的问题

  • 如果有可能在javascript中实现这一点,有人能解释一下如何实现或向我展示一个开源示例吗

  • 如果不是,那么这两种解决方案中的任何一种都可以接受

  • a。图像将从浏览器上载到服务器。一旦成功地将其复制到服务器上,就可以使用第三方python库(如PIL(我使用的是Django))来检查维度,然后返回一个ajax true/false(如果它有效)

    b、 上载图像并将其插入DOM,但将其隐藏,然后使用

    document.getElementByID(“#image_id”)。查看大小的高度+宽度。 如果大小有效,则显示:block或其他内容

    a和b都有负数,所以如果有更好的解决方案,请告诉我


    谢谢

    为什么不简单地接受所有尺寸,并用PHP检查尺寸

    f、 e.使用getimagesize()并使用imagecopyresampled()减小大小,如示例所示:

    如Mike所说,如果你想在客户端调整大小,没有插件是不行的


    顺便说一句:大小限制并不明智,因为许多访问者无法调整图像大小。

    为什么不简单地接受所有大小,并使用PHP检查大小

    f、 e.使用getimagesize()并使用imagecopyresampled()减小大小,如示例所示:

    如Mike所说,如果你想在客户端调整大小,没有插件是不行的


    顺便说一句:大小限制并不明智,因为很多访问者都无法调整图像大小。

    我所看到的一切都使用插件或控件,比如Flash、Java、Silverlight、ActiveX等等。我认为Javascript永远无法访问您的文件系统或文件内容。另外,用Javascript编写JPG/GIF解析器将是一件非常痛苦的事情我见过的所有东西都使用插件或控件,比如Flash、Java、Silverlight、ActiveX等等。我认为Javascript从来没有访问过您的文件系统或文件内容——另外,用Javascript编写JPG/GIF解析器将是一件非常痛苦的事。。