如何在标签中显示此Instagram图像<img>

Question

我有这个链接来自rapidapi:的Instagram API文档

https://scontent.cdninstagram.com/v/t51.2885-15/e35/269712310_436481731535085_8695389625620774366_n.jpg?se=7&amp_nc_ht=scontent.cdninstagram.com&amp_nc_cat＝109&amp_nc_ohc＝HfWwIW5-x70AX9BJWBL&edm=APU89FABAAAA&ccb＝7-4&ig_cache_key=MjczNDM4MTI4ODc3MDQwNTM0NQ%3D%3D.2-ccb7-4&oh＝00_AT8uLNghm5TV3utSE-zgMc8906FybBezkArruEr9yh8Jg&oe＝61CB3215&amp_nc_sid=86f79a

当我把这个链接放在图像标签中时，它给了我一个错误：

"得到https://scontent.cdninstagram.com/v/t51.2885-15/e35/269712310_436481731535085_8695389625620774366_n.jpg?se=7&amp_nc_ht=scontent.cdninstagram.com&amp_nc_cat＝109&amp_nc_ohc＝HfWwIW5-x70AX9BJWBL&edm=APU89FABAAAA&ccb＝7-4&ig_cache_key=MjczNDM4MTI4ODc3MDQwNTM0NQ%3D%3D.2-ccb7-4&oh＝00_AT8uLNghm5TV3utSE-zgMc8906FybBezkArruEr9yh8Jg&oe＝61CB3215&amp_nc_sid＝86f79a net:：ERR_BLOCKED_BY_REPONSE.NotSameOrigin 200"；

你们知道怎么解决这个问题吗？如何在我的网站上显示图片。请你帮忙！！

Answer 1

类似这样的东西：

<?php
$image = file_get_contents("https://scontent.cdninstagram.com/v/t51.2885-15/e35/269712310_436481731535085_8695389625620774366_n.jpg?se=7&_nc_ht=scontent.cdninstagram.com&_nc_cat=109&_nc_ohc=HfWwIW5-x70AX9BJWBL&edm=APU89FABAAAA&ccb=7-4&ig_cache_key=MjczNDM4MTI4ODc3MDQwNTM0NQ%3D%3D.2-ccb7-4&oh=00_AT8uLNghm5TV3utSE-zgMc8906FeybBezkArruEr9yh8Jg&oe=61CB3215&_nc_sid=86f79a");
$imageData = base64_encode($image);
echo '<img src="data:image/jpeg;base64,'.$imageData.'">';

Answer 2

听起来像是一个CORS问题。我相信你可以绕过img元素的CORS：

https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image

通过给img元素一个值为"匿名"的交叉源属性：

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-交叉原点https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/crossOrigin

但我相信，如果属性存在并且没有指定值，那么默认值是匿名的。