gpt4 book ai didi

javascript - 从静态图像 URL 中提取 Flickr 照片 ID

转载 作者:行者123 更新时间:2023-12-03 11:47:05 24 4
gpt4 key购买 nike

这样做的目的是自动将归属链接添加到博客文章中使用的图像。我有一个demo set up here 手动使用 flickr.photos.getInfo 在图像上构建归因 URL。

为此,我从 CSS 中的 background-image 获取照片 ID 并创建 API 调用。我想要做的是自动从 background-image 网址中提取照片 ID(本例中为 3990985751),以在每个帖子上创建 API 调用。

CSS

.featured {
background-image:url('https://farm3.staticflickr.com/2613/3990985751_7ca0769f15_b.jpg');
}

HTML

<div class="featured">
<body>
<div class="featured">
<div id="featured-credit">
<p id="credits"></p>
</div>
</div>
</div>

jQuery/JS

// Builds the URL to link in the image credit
function jsonFlickrApi (response) {
$("#credits").html('<a href="http://www.flickr.com/photos/'+response.photo.owner.nsid+'/'+response.photo.id+'/" target="blank">'+response.photo.title._content+"</a>");
}

// removes the CSS formatting for the featured image background URL
function extractUrl(input) {
return input.replace(/"/g,"").replace(/url\(|\)$/ig, "");
}

/* After all the scripts are loaded, send the featured photo to the Flickr API to get the JSON data */
<script src="https://api.flickr.com/services/rest/?method=flickr.photos.getInfo&api_key=APIKEYHERE&photo_id=3990985751&format=json&jsoncallback=?"></script>

我在 SO 和其他网站上研究了很多,我发现的其他解决方案都是使用配置文件 URL,而我需要使用静态源 URL。如有任何帮助,我们将不胜感激。

最佳答案

您是否尝试过对闪烁进行ajax调用?

$.ajax({
url: "https://api.flickr.com/services/rest/",
type: 'GET',
contentType: "application/json;charset=utf-8",
data:{
method: 'flickr.photos.getInfo',
api_key: 'c8c95356e465b8d7398ff2847152740e',
format: 'json',
photo_id: yourPhotoID,
},
success: function(data){
//data is the response from flickr
}
});

关于javascript - 从静态图像 URL 中提取 Flickr 照片 ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26002644/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com