根据URL获取站点上的最大图像

时间:2010-09-01 07:48:24

标签: javascript jquery html css

给定一个URL如何在网站上提取最大的图像(就图像尺寸而言)?我正在使用它作为网站缩略图的最佳表示。

与在Facebook上分享网址时的第一个缩略图相似:

http://www.facebook.com/share.php?u=my_website_url

div中Facebook上的图片缩略图:

<div class="UIThumbPager_Thumbs"> 

当前代码(使用Javascript和JQuery):

else if (item.link) historyHtml += '<a href=' + item.link + ' class="image" target="_blank"><img src="*SITE THUMBNAIL HERE*" width="111px"></a>';

请注意,用户将登录Facebook并能够访问该网站缩略图。

2 个答案:

答案 0 :(得分:3)

由于跨域限制,您无法在客户端(即使用JavaScript)执行此操作。您需要先在后端下载URL的内容。见这里:http://en.wikipedia.org/wiki/Same_origin_policy

答案 1 :(得分:1)

文件大小或图片维度中的“最大”图片?您必须解析URL代码,提取所有图像并获取大小。如果您的意思是图片尺寸,则可以使用JavaScript(从img-source创建新图片并使用img.widthimg.height)来实现,但对于文件大小,您可能最终会下载所有图像以确定哪个是最大的。