Duda con agregar imagenes..

quatress · #1 (**permalink**) 06/02/2012, 17:55

hola a todos, intento hacer un navegador de archivo simple (para visualizar preferentemente archivos de imagen), es decir tengo una carpeta en el disco ("/home/matias/archivos") y me gustaria utilizar el servidor web integrado para listar de forma recursiva el arbol de directorio que contiene.. La cuestion que utilice varios framework (juno es el que mas me gusto) y logre listar todos los archivos pero no logro mostrar las imagenes, pongo el tag <img src="path/archivo" ..> y no funciona.. Alguien sabe en que me puedo estar equivocando??...

Pd. Les paso el codigo que estoy usuando.

==============================
Archivo: run.py
==============================

Código:

from juno import *

@route('/')
def index(web):
	archivos = []
	for root,dirs,files in os.walk('/home/matias/archivos'):
		for file in [f for f in files if f.lower().endswith('jpg')]:
        		archivos.append(os.path.join(root, file))

  	template('index.html', archivos=archivos)

run()

==============================
Archivo: index.html
==============================

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Prueba Archivos</title>
</head>
<body>
   <h2>Archivos de imagen encontrados:</h2>
   <ul>
   {% for arch in archivos %}
       <li>
           <!-- 'arch' es el path de los archivos, por Ejemplo puede ser '/home/matias/archivos/logo.jpg'  -->
           <img src="{{arch}}" />
       </li>
   {% endfor %}
   </ul>

<!-- ACÁ INTENTE CARGAR UNA IMAGEN QUE TENGO EN EL MISMO LUGAR QUE TENGO EL HTML, PERO TAMPOCO FUNCIONÓ -->
<img src="logo.jpg" />

</body>
</html>

==============================
Estructura de Archivos
==============================

app
|-- run.py
`-- templates
|-- index.html
`-- logo.jpg

Saludos a todos y desde ya gracias!

razpeitia · #2 (**permalink**) 06/02/2012, 20:07

Tienes que configurar juno para que sirva archivos estáticos, como imagenes, css, js, etc...

Te recomiendo darle una checada a la documentación de juno para saber como servir contenido estático.

Especialmente aquí y aquí