HTML - Imagen rota en navegador chrome

Question

Me estoy encontrando con un problema con el navegador chrome. Cuando cargo una imagen, esta no aparece en este navegador. Sin embargo, si abro el archivo html con otro navegador (explorer/firefox) si que me aparece.

También, si hago click derecho abrir en una nueva pestaña si que se me visualiza.

He probado a borrar el caché y nada. Tampoco tengo adblock.

Así creo y guardo la imagen:

plt.style.use('fivethirtyeight')
x_values = list(range(len(importances_3)))
plt.bar(x_values, importances_3, orientation = 'vertical')
plt.xticks(x_values, feature_list, rotation='vertical')
plt.ylabel('Importance'); plt.xlabel('Variable'); plt.title('Variable Importance')

file_name = f"importancia_variables_3.jpg"
file_path = os.path.abspath(os.path.join( file_name))
plt.savefig(
file_path, bbox_inches="tight", dpi=300,
)
plt.close(1)

Y así es como creo y exporto el archivo html desde jupyter:

 aaa="""
   <!doctype html>
   <p>
   Prueba imagen <br>
   <img src="importancia_variables_3.jpg" width="1817"
         height="1680"/>
   </p>
   """
   def write_to_textFile(file):
      f= open('prueba_imagenes.html', 'w')
      f.write(file)
      f.close()
   write_to_textFile(aaa)

chrome html python

Prueba imagen

""" def write_to_textFile(file): f= open('prueba_imagenes.html', 'w') f.write(file) f.close() write_to_textFile(aaa)

HTML - Imagen rota en navegador chrome

Add your own answers!

Ask a Question