Estoy tratando de mostrar una página web HTML sin formato con una imagen que se almacena localmente en el servidor de mi red.
module.exports = ` <html> <img src="file://thisLocalServer/image.jpg" /> </html>`Sin embargo, cuando intento mostrar esta imagen, muestra la imagen de marcador de posición en blanco predeterminada. Este es mi archivo App.js.
var __html = require('./html.test.js'); var template = { __html: __html} render() { return( <span dangerouslySetInnerHTML={template}/> ); Si trato de configurar la fuente de la imagen como un enlace normal como https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png , entonces parece funcionar bien.
Para solucionar esto, descargue la imagen, colóquela en la carpeta con index.html o en una subcarpeta con index.html y coloque el siguiente enlace:
<img src="foldername/image-name.format">
O a través de javascript:
document.location.pathname + '/foldername/image-name.format';En resumen, con el código anterior, nunca se mostrará ninguna imagen.
Detalles:
Hay varios problemas con el atributo src de la etiqueta <img> .
src use el protocolo file://file:///filesystem/path/to/img.jpg Pero en mi experiencia, incluso si arreglas la segunda, tu imagen no se cargará debido a la primera. Este es un alcance de seguridad si el acceso a una página web (a través del protocolo http o https ) es capaz de conocer el sistema de archivos del servidor.