Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

604
Views
¿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 answers
Answer question

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 Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!