Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

602
Vistas
¿Cómo insertar imágenes desde render (, contexto) en Django?

¡tipos! Nuevo en Django, así que tal vez sea una pregunta tonta. Tengo un archivo .json que guarda información sobre la ropa de la tienda, incluido "img". El objetivo es poner toda la información sobre los productos en un único "bucle for". Así que he escrito tales líneas

 {% for product in products %} <div class="col-lg-4 col-md-6 mb-4"> <div class="card h-100"> <a href="#"> <img class="card-img-top" src="{% static '{{ product.img }}' %}" !!! problem is here alt=""> </a> <div class="card-body"> <h4 class="card-title"> <a href="#"> {{ product.name }} </a> </h4> <h5>{{ product.price }}</h5> <p class="card-text"> {{ product.description }}</p> </div> <div class="card-footer text-center"> <button type="button" class="btn btn-outline-success">Отправить в корзину</button> </div> </div> </div> {% endfor %}

Todo funciona bien, excepto que la línea se refiere a una imagen. En devtools obtengo la siguiente ruta "/static/%7B%7B%20product.img%20%7D%7D". Pero en el archivo .json se ve como "img": "vendor/img/products/Brown-sports-oversized-top-ASOS-DESIGN.png". Estoy totalmente confundido acerca de esa situación y definitivamente en un aprieto. agradezco cualquier ayuda

over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

trabajar con:

 <img src=" {{ product.img.url }} ">

si la imagen es efectiva ( product.img no es None ), y agregó las URL de medios a urls.py , entonces determinará la URL donde buscar la imagen del producto.

Tenga en cuenta que en producción, Django no sirve archivos multimedia, por lo que en ese caso deberá configurar el servidor web (Apache, Nginx, etc.) para que sirva archivos multimedia por usted.

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda