Upload Multiple Images to a Django Model without plugins

{

%

extends

‘base.html’

%

}

 

{

%

block

content

%

}

<!–Carousel Wrapper–>

<div

id

=

“carousel-example-1z”

class

=

“carousel slide carousel-fade”

data-ride

=

“carousel”

>

    

<!–Indicators–>

    

<ol

class

=

“carousel-indicators”

>

    {% for p in photos %}

      

<li

data-target

=

“#carousel-example-1z”

data-slide-to

=

“{{ forloop.counter0 }}”

class

=

“{% if forloop.counter0 == 0 %} active {% endif %}”

>

</li>

    {% endfor %}

    

</ol>

    

<!–/.Indicators–>

    

<!–Slides–>

    

<div

class

=

“carousel-inner”

role

=

“listbox”

>

      {% for p in photos %}

      

<div

class

=

“carousel-item {% if forloop.counter0 == 0 %} active {% endif %}”

>

        

<img

class

=

“d-block w-100”

src

=

“{{p.images.url}}”

          

alt

=

“First slide”

>

      

</div>

      {% endfor %}

      

<!–/First slide–>

    

<!–/.Slides–>

    

<!–Controls–>

    

<a

class

=

“carousel-control-prev”

href

=

“#carousel-example-1z”

role

=

“button”

data-slide

=

“prev”

>

      

<span

class

=

“carousel-control-prev-icon”

aria-hidden

=

“true”

>

</span>

      

<span

class

=

“sr-only”

>

Previous

</span>

    

</a>

    

<a

class

=

“carousel-control-next”

href

=

“#carousel-example-1z”

role

=

“button”

data-slide

=

“next”

>

      

<span

class

=

“carousel-control-next-icon”

aria-hidden

=

“true”

>

</span>

      

<span

class

=

“sr-only”

>

Next

</span>

    

</a>

    

<!–/.Controls–>

  

</div>

 

  

{

%

endblock

%

}