如何将照片设置为来自 Flickr api in javascript 的 img src

Question

我正在尝试创建一个 table 充满我从 flickr 获得的图像。我传入的数组包含 url，例如：

["https://www.flickr.com/photos/113081696@N07/24695273486", "https://www.flickr.com/photos/113081696@N07/24565358002", "https://www.flickr.com/photos/113081696@N07/24033705054", "https://www.flickr.com/photos/30607051@N00/23928266355", "https://www.flickr.com/photos/30735982@N00/23241595406", "https://www.flickr.com/photos/57453294@N00/21232117675", "https://www.flickr.com/photos/57453294@N00/21197130905"]

当我尝试将 img 标签上的 src 设置为以下值之一时：

var photo = document.createElement("img");
photo.src = arr[i];

我刚得到一堆损坏的图片图标。我不能这样使用flickr吗？

Answer 1

img 标签的 src 应该是图像的 url，但是

https://www.flickr.com/photos/113081696@N07/24695273486 是 HTML 文档

您可以使用该页面上的分享按钮获取一段 HTML 代码，您可以将其嵌入您的网站，查看实际效果：

https://jsfiddle.net/s4odszqL/

更新：

如果您使用的是 flickr api，您可以使用 getInfo to get farm, server, id, secret of a photo, then create photo url by following formats here

Answer 2

知道了！我必须使用类似以下内容的 flickr 静态站点：

"https://farm" + key.farm + ".staticflickr.com/" + key.server + "/" + key.id + "_" + key.secret + ".jpg";

如何将照片设置为来自 Flickr api in javascript 的 img src

How set photos to an img src from Flickr api in javascript

html

javascript

flickr