Estoy trabajando en un proyecto en el que obtendré un archivo HTML de otra fuente y puede tener varias imágenes, por lo que no puedo modificar el archivo HTML. Estoy planeando escribir un script Java para resolver el problema a continuación.
Pero ese archivo tiene algunas fuentes img que no están presentes, por lo que la imagen no se carga.
Quiero mostrar un mensaje en particular como "Inicie sesión para ver esta imagen" en lugar de una imagen descargada si no está cargada, mientras que si hay otras imágenes cargadas, deberían mostrarse tal cual.
Será útil si alguien puede proporcionar algún comentario.
Así es como se prueba después de que la página se haya cargado
window.addEventListener("load", event => { document.querySelectorAll('img').forEach(img => { const isLoaded = img.complete && img.naturalHeight !== 0; if (!isLoaded) img.outerHTML = "Please login in order to view this image" }) }) <img src="image1.jpg" /><br/> <img src="image2.jpg" /><br/> <img src="image3.jpg" /><br/> <img src="image4.jpg" /><br/> <img src="image5.jpg" /><br/> <img src="image6.jpg" /><br/>Si entiendo correctamente lo que está preguntando, puede hacerlo usando alt dentro de la etiqueta HTML. Por ejemplo:
<img src="computer.jpg" alt="Computer Image" width="500" height="600">Si ejecuta ese fragmento, puede ver que, dado que la imagen no está definida, aparecerá el texto.