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