Jquery 如何在django的幻灯片中添加图片
我有以下幻灯片放映的html代码: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
<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%}
你可以试试看