Question

我有幻灯片放映的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时发送列表，我想迭代抛出该列表来显示图片。我怎么能这样做？

Answer 1

使用ImageField为图片创建模型（https://docs.djangoproject.com/en/1.9/ref/models/fields/），为上传图片创建表单（https://docs.djangoproject.com/es/1.9/topics/forms/），为用户创建视图，显示和处理上传表单，并在模型中保存上传的图像（https://docs.djangoproject.com/en/1.9/topics/http/views/），创建另一个视图，从模型中获取所有图像并渲染图库模板，在django teplate标记{％for％}（https://docs.djangoproject.com/es/1.9/topics/templates/）上迭代图像。为了便于理解，请参阅galery示例（通过管理员上传）：https://github.com/samuelmh/django-smh_gallery

Answer 2

第一

pip install Pillow

然后你可以在这样的模型中使用ImageField：

class Blog(models.Model):

    avator = models.ImageField(upload_to='avator')
    ....

然后将文件上传到：

MEDIA_ROOT / upload_to /文件名

然后，如果你的

MEDIA_URL =＆＃39; / media /＆＃39;

和

urlpatterns + static（settings.MEDIA_URL，document_root = settings.MEDIA_ROOT）

你可以通过以下方式获取文件：

HTTP [秒]：//主机：端口/媒体/ upload_to /文件名

模板中的

将是：

{% for i in Blog_querysets %}
    <a href="/media/{{ i.avator }}">
{% end for %}

你可以尝试一下

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

2 个答案: