La propiedad HTML DOM Image crossOrigin se utiliza para establecer o devolver el valor del atributo crossorigin del elemento <img> . Este atributo se utiliza para especificar la solicitud HTTP CORS al obtener o cargar la hoja de estilo o los archivos de iconos del servidor de terceros.
Sintaxis:
- Devuelve la propiedad de origen cruzado .
imgObject.crossOrigin;
- Se utiliza para establecer la propiedad de origen cruzado .
imgObject.crossorigin="anonymous | use-credentials;
Valores de propiedad:
- anónimo: Tiene un valor por defecto. Define una solicitud CORS que se enviará sin pasar la información de credenciales.
- use-credentials: se enviará una solicitud de origen cruzado con credenciales, cookies y certificado.
Ejemplo: El siguiente código HTML devuelve la propiedad de origen cruzado de la imagen .
HTML
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<h2>DOM Image crossOrigin Property</h2>
<img id="myImage" align="center" src=
"https://media.geeksforgeeks.org/wp-content/uploads/20220330170518/geeksimage-200x145.png"
width="200" height="200"
crossorigin="anonymous" />
<br><br>
<b>
Click on the below button to return
the crossorigin property
</b>
<br><br>
<button onclick="btnClick()">
Return
</button>
<h2 id="statusID" style="color:green;"></h2>
</center>
<script>
function btnClick() {
var txt = document.getElementById("myImage").crossOrigin;
document.getElementById("statusID").innerHTML = txt;
}
</script>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA