Javascript 未能加载资源:仅针对instagram API中的部分图像,net::ERR_CONNECTION_被拒绝
我目前正在向instagram API发出一个Javascript 未能加载资源:仅针对instagram API中的部分图像,net::ERR_CONNECTION_被拒绝,javascript,jquery,instagram-api,Javascript,Jquery,Instagram Api,我目前正在向instagram API发出一个GET请求,以获取一组带有特定标记的照片,并将我在Rails中获得的JSON对象返回给JS中的调用者,并在DOM中使用img链接和缩略图等设置HTML 奇怪的是,重新启动服务器后,我出现了以下错误: Failed to load resource: net::ERR_CONNECTION_REFUSED 仅适用于instagram API返回的部分但非全部照片 var formdata = {tag: "myflsadventure"};
GET
请求,以获取一组带有特定标记的照片,并将我在Rails中获得的JSON对象返回给JS中的调用者,并在DOM中使用img链接和缩略图等设置HTML
奇怪的是,重新启动服务器后,我出现了以下错误:
Failed to load resource: net::ERR_CONNECTION_REFUSED
仅适用于instagram API返回的部分但非全部照片
var formdata = {tag: "myflsadventure"};
$.ajax({
url: "application/get_instagram_photos",
type: "POST",
datatype: 'json',
data: formdata,
success: function(response){
htmlz = "<div class='container'><div class='row'>";
count = 0;
rounded_style = " style='border:1px solid #; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;'"
$.each(response.data, function(i, item) {
if (count == 0 ){
htmlz += "<div class='col-md-6'><img src='"+item.images.standard_resolution.url+ "'" + rounded_style+"></div><div class='col-md-6'><div class='no-top'>";
count = count + 1;
}
else if (count == 9){
htmlz += "</div><div class='row'><div class='col-md-6'><div class='no-top'><div class='row'><div class='col-md-6'><img src='" + item.images.low_resolution.url+ "'" + rounded_style + "></div>";
count = count + 1;
}
else if (count == 13){
htmlz += "<div class='col-md-6'><img src='" + item.images.standard_resolution.url+ "'" + rounded_style + "></div></div></div>";
count = count + 1;
}
else if (count ==5){
htmlz += "</div><div class='row'><div class='col-md-3'><img src='" +item.images.low_resolution.url+ "'" +rounded_style+ "></div>";
count = count + 1;
}
else if ((count == 4) || (count == 12)){
htmlz += "<div class='col-md-6'><img src='"+item.images.low_resolution.url+ "'" + rounded_style +"></div></div></div></div></div>";
count = count + 1;
}
else if ((count == 6) || (count == 7) || (count == 8) ){
htmlz += "<div class='col-md-3'><img src='"+ item.images.low_resolution.url+ "'" + rounded_style + "></div>";
count = count + 1;
}
else if ((count == 3) || (count == 11)){
htmlz += "<div class='top'><div class='row'><div class='col-md-6'><img src='" + item.images.low_resolution.url + "'" + rounded_style + " ></div>";
count = count + 1;
}
else if ( count == 1){
htmlz += "<div class='row'><div class='col-md-6'><img src='" + item.images.low_resolution.url + "'" + rounded_style + " ></div>";
count = count + 1;
}
else{
htmlz += "<div class='col-md-6'><img src='"+ item.images.low_resolution.url+ "'"+ rounded_style + "></div></div>";
count = count + 1;
}
});
$("#myflsadventure").append(htmlz);
reapportion_les_fotos();
}
});
控制器方法
def get_instagram_photos
respond_to do |format|
uri = URI("https://api.instagram.com/v1/tags/#{params[:tag]}/media/recent?client_id=myIDc&count=14")
response = Net::HTTP.get(uri)
format.json {render :json => response}
end
结束
更新:
这只发生在我的开发机器上。在推到Heroku并从其他计算机上查看之后,除了仍在我的主要工作机器上之外,照片加载良好。它似乎独立于浏览器(尝试了Opera、Firefox、Safari和Chrome)和adblock(根据类似SO帖子上的建议,在Chrome隐姓埋名上进行了尝试)。我在我的开发机器上也有类似的行为,在编辑我的
.htaccess
进行重定向后会出现错误消息。我无法再从同一网络中任何设备上的任何浏览器访问特定网站(尽管我可以通过一些shell命令访问它)。我强烈认为我的路由器存在安全问题,阻止了浏览器进一步访问该网站。大约24小时后,我能够再次访问该网站
现在已经有一段时间没有提出这个问题了,所以我不会要求您设置相同的环境来测试您是否也有24小时的阈值,并进一步澄清这个问题
编辑:这是我试图解决问题的问题的链接是否可能您无法访问某些图像?我能想到的一个原因是私有配置文件,而您没有访问这些文件的api密钥。这可能是真的,但是,只要假设标签上没有异常数量的新内容(这是一个公司特有的标签,只有少数人使用),就不会有这么多。@maremp,除非我成功加载了照片,现在我已经识别出那些已经加载的,在成功显示之前发布的。简言之,我碰巧知道这不是本案的问题,而是好的想法!
def get_instagram_photos
respond_to do |format|
uri = URI("https://api.instagram.com/v1/tags/#{params[:tag]}/media/recent?client_id=myIDc&count=14")
response = Net::HTTP.get(uri)
format.json {render :json => response}
end