是否可以使用jquery来调整图像大小？

Question

我可以使用JQuery来调整本地服务器上没有的图像吗？

假设我在www.example.com/dir/images/myImage.jpg上有图片

我想在我的服务器www.localhost.com上调整图像大小

它还能用吗？

Answer 1

您可以从example.com加载该图像，并且可以更改页面上显示的比例，但您无法编辑文件本身。您可以使用Masoud评论的height和width标记，也可以使用CSS编辑该元素的宽度+高度属性。

Answer 2

你可以使用jQuery来调整它的大小：

$('img#imageidhere').css({
    'width':'xxx',
    'height':'yyy'
});

然而，这只会改变不会调整图像大小的CSS，正如Chazbot所说，这只会改变它在页面上显示的大小。

我认为这是一个更合适的答案，因为你问过jQuery，他给你一个HTML和CSS的答案。

以下是其中的一个示例：http://jsfiddle.net/qdWMv/

使用哪种方法的指南：

<强> CSS：

如果图像仅用于在页面上显示图像而您不打算更改图像，则应使用CSS调整图像大小。 （或者如果您计划更改它，可以使用页面上的CSS样式设置默认大小）

<强>的jQuery

如果您要动态地动态更改页面上图像的显示大小，请使用我建议的jQuery。

<强> PHP

PHP是唯一可以更改实际文件本身的方法。因此，如果您确实需要因任何原因更改文件本身的大小，请使用PHP。

Answer 3

如果您的服务器上启用了PHP5并启用了HTTP流包装器，则将其复制到本地文件非常简单：

copy('http://somedomain.com/file.jpeg', '/tmp/file.jpeg');

链接自： Copy Image from Remote Server Over HTTP
复制并下载图像后，您可以使用jquery图像缩放器来调整图像大小 我主要使用这个jquery resizer

或者您也可以使用jquery缩略图生成器..