Tengo este enlace de la documentación API de Instagram de rapidapi:
cuando pongo este enlace en la etiqueta de la imagen me da un error:
"GET 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 red::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin 200"
¿Saben chicos cómo solucionar esto? ¿Cómo puedo mostrar la imagen en mi sitio web. Por favor si puedes ayudar!!
Algo como esto:
<?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.'">';Suena como un problema de CORS para mí. Puede omitir CORS para elementos img, creo:
https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image
dando al elemento img una propiedad de origen cruzado valorada como 'anónima':
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-crossorigin https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/crossOrigin
pero creo que si la propiedad está presente y no se especifica el valor, el valor predeterminado es anónimo.