javascript - 如何在 javascript 中从 Flickr api 将照片设置为 img src

标签 javascript html flickr

我正在尝试创建一个表格,其中包含从 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 吗?

最佳答案

img标签的src应该是图片的url,但是

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

您可以使用该页面上的共享按钮来获取可嵌入到您的网站中的 HTML 代码,查看实际效果:

https://jsfiddle.net/s4odszqL/

更新:

如果您使用 flickr api,则可以使用 getInfo获取照片的农场、服务器、id、 secret ,然后按以下格式创建照片 URL here

关于javascript - 如何在 javascript 中从 Flickr api 将照片设置为 img src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35809719/

相关文章:

javascript - 信用卡号码以 1 和 15 位数字开头

javascript - 如何使用 Axios 捕获服务器代码错误

java - 求Android中正则表达式的帮助

flickr - 来自 flickr api 的自定义图像大小?

jQuery、JSON、Flickr API

ios - Swift:从 Flickr 获取照片总是获取相同的照片

javascript - 在 Typescript 中获取 Chrome 当前的域名

javascript - FullCalendar,如何更改 eventClick 函数上的事件类

javascript - 获取动态创建元素的整个 HTML

html - 添加什么以防止我的 <table> 内容随着浏览器大小而缩小?