【问题标题】:Grab largest image on site given the URL在给定 URL 的情况下获取站点上最大的图像
【发布时间】:2010-09-01 16:38:37
【问题描述】:

给定一个 URL,我如何拉取网站上最大的图像(以图像尺寸计)?我用它作为网站缩略图的最佳表现形式。

在 Facebook 上分享网址时类似于第一张缩略图:

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

Facebook 上 div 中的图片缩略图:

<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 并能够访问该网站的缩略图。

【问题讨论】:

  • 是使用javascript、jquery还是php?
  • 嗨 JapanPro,我正在使用 javascript 和 jquery。
  • 您好 JapanPro,如果您有任何其他问题,请告诉我。
  • 我在这里重新问了这个问题:stackoverflow.com/questions/3622144/…

标签: javascript jquery html css


【解决方案1】:

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

【讨论】:

  • 使用getElementById("img")怎么样?
  • 当您的“img”位于远程站点时,这将如何工作?
  • 我想你的意思是getElementsByTagName,只有当网站在同一个域中时,它仍然有效。
  • @jprim 您需要一个服务器端脚本作为代理来执行此操作。
  • 嗨 Pekka,如果我只是拉出 Facebook 为上述 URL 创建的图像缩略图怎么办?
【解决方案2】:

文件大小或图像尺寸中的“最大”图像?您必须解析 URL 代码,提取所有图像并获取大小。如果您指的是图像尺寸,您可以使用 JavaScript(从 img 源创建一个新图像并使用 img.widthimg.height),但对于文件大小,您可能最终会将所有图像下载到确定哪个是最大的。

【讨论】:

  • 我的意思是最大的图像尺寸。它为缩略图提供了站点的最佳表示。或者只是拉出它为 URL 生成的 Facebook 缩略图怎么样?
  • just pulling the Facebook thumbnail it generates for the URL ... ??您可能想详细解释或(甚至更好)将其放在一个单独的问题中,因为这似乎与您的原始问题非常不同。现在我真的不知道你在追求什么。
  • 很抱歉。我希望提取在以下位置生成的站点缩略图:facebook.com/share.php?u=my_website_url 当通过它传递 URL 时(如上所述使用 item.link)。如果您有任何其他问题,请告诉我。谢谢!
  • 希望能回答您的问题。
  • 始终是
    中的图像
猜你喜欢
  • 1970-01-01
  • 2017-10-11
  • 1970-01-01
  • 2018-09-14
  • 2017-09-07
  • 1970-01-01
  • 1970-01-01
  • 2012-05-22
  • 2015-09-17
相关资源
最近更新 更多