Jquery 如何在django的幻灯片中添加图片

Jquery 如何在django的幻灯片中添加图片,jquery,python,html,django,Jquery,Python,Html,Django,我有以下幻灯片放映的html代码: <div class="col-md-12"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-s

我有以下幻灯片放映的html代码:

<div class="col-md-12">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="item active">
                <img class="slide-image" src="http://placehold.it/800x300" alt="">
            </div>
            <div class="item">
                <img class="slide-image" src="http://placehold.it/800x300" alt="">
            </div>
            <div class="item">
                <img class="slide-image" src="http://placehold.it/800x300" alt="">
            </div>
        </div>
        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
    </div>
</div>


  • 我希望幻灯片显示用户上传的图片。我将图片保存在一个列表中,并在呈现html时发送该列表,我希望迭代该列表以显示图片。我怎么能那样做

    使用ImageField为图片创建模型(), 为上传图像创建表单(),为用户创建视图,显示和处理上传表单,并将上传图像保存在您的模型()中, 创建另一个视图,从模型中获取所有图像并呈现图库模板,在django teplate标记{%for%}()上迭代图像。
    为便于理解,请参阅galery示例(通过管理员上传):

    使用图片的ImageField创建模型(), 为上传图像创建表单(),为用户创建视图,显示和处理上传表单,并将上传图像保存在您的模型()中, 创建另一个视图,从模型中获取所有图像并呈现图库模板,在django teplate标记{%for%}()上迭代图像。 为便于理解,请参见galery示例(通过管理员上传):

    首先:

    pip install Pillow
    
    然后,您可以在如下模型中使用ImageField:

    class Blog(models.Model):
    
        avator = models.ImageField(upload_to='avator')
        ....
    
    然后将带有的文件上载到:

    媒体\u根目录/上载\u到/filename

    那么如果你的

    媒体URL='/MEDIA/'

    URL模式+静态(settings.MEDIA\u URL,document\u root=settings.MEDIA\u root)

    您可以通过以下方式获取文件:

    http[s]://主机:端口/媒体/上传到/filename

    在模板中,它将是:

    {% for i in Blog_querysets %}
        <a href="/media/{{ i.avator }}">
    {% end for %}
    
    {Blog_querysets%中的i的%
    {%end for%}
    
    您可以先尝试一下:

    pip install Pillow
    
    然后,您可以在如下模型中使用ImageField:

    class Blog(models.Model):
    
        avator = models.ImageField(upload_to='avator')
        ....
    
    然后将带有的文件上载到:

    媒体\u根目录/上载\u到/filename

    那么如果你的

    媒体URL='/MEDIA/'

    URL模式+静态(settings.MEDIA\u URL,document\u root=settings.MEDIA\u root)

    您可以通过以下方式获取文件:

    http[s]://主机:端口/媒体/上传到/filename

    在模板中,它将是:

    {% for i in Blog_querysets %}
        <a href="/media/{{ i.avator }}">
    {% end for %}
    
    {Blog_querysets%中的i的%
    {%end for%}
    
    你可以试试看