相关疑难解决方法(0)

我正在使用图像,我遇到了纵横比问题.

<img src="big_image.jpg" width="900" height="600" alt="" />

正如你所看到的,height并width已经指定.我为图片添加了CSS规则:

img {
  max-width:500px;
}

但是big_image.jpg,我收到width=500和height=600.我如何设置图像以重新调整大小,同时保持其纵横比.

我正在寻找一种方法来使用JavaScript调整客户端图像的大小(实际上调整大小,而不仅仅是更改宽度和高度).
我知道可以在Flash中完成它但我想尽可能避免它.

网上某处有开源算法吗？

我正在寻找一个客户端解决方案,以验证上传的图像是否是接受的文件类型,文件大小然后按照用户的指示裁剪图像,重新调整大小以适应某些特定尺寸,然后上传重新尺寸和优化的图像到服务器.

是否有任何知名的开源库可以帮助我实现这一点？(不需要上传多个文件).我不想自己实现这个并寻找能够提供跨浏览器兼容解决方案的库,以及旧/不支持的浏览器的后备.

我遇到了plupload和敏捷上传器,但是那些根据用户指示裁剪图像没有帮助.

使用jQuery 1.7.如果需要,也可以打开以添加其他库.

我在容器中有图像,我在CSS中为此图像设置了宽度和高度属性.但我需要添加加载图像,它比将在容器中显示的实际图片小,所以我需要在加载时更改图像的大小.但是当我设置宽度和高度属性时,图像显示在CSS中设置的大小.

$(img).attr("src", "loading.gif");
$(img).show();
$(img).attr("width", "100px");
$(img).attr("height", "100px");