将远程HTML中的图像URL解析为JSON

Question

我希望创建一个类似于LinkedIn和Facebook的URL共享器，您可以在其中粘贴URL并使用可用图像的滚动条来提取远程内容？

基本上我的想法是我需要使用我的服务器端XMLHTTP脚本从远程URL中提取HTML然后我希望能够检查任何图像（超过某个宽度/高度 - 例如没有加载transpixels。）< / p>

是否可以将所有远程HTML加载为可逃避的JSON，然后使用Jquery检查合适的图像以粘贴在滚动条中？

Answer 1

由于原始政策相同，您无法直接执行此操作，您可以使用iframe获取网页，但无法阅读其内容。你需要一个简单的服务器脚本作为代理。如果您使用php并允许打开URL作为文件，您将能够使用它：

<?php 

if (isset($_GET['url'])) {
   echo json_encode(get_file_contents($_GET['url']));
}

然后使用ajax你可以使用url获取页面，你可以使用jquery作为解析器。

$.getJSON('fetch.php', {url: "http://google.pl"}, function(html) {
   $(html).find('img');
});