Django:单击图像并在新页面中打开它

标签 django image hyperlink

django 和 python 的新手所以请用非常简单的术语给我你的建议。

基本上我有一个图像托管站点,我希望能够单击任何图像并让它打开一个显示该图像的新页面。我该怎么做呢?我想我必须获取图片 url,但我不确定如何获取。这也必须是自动的。

模型:

class UploadImages(models.Model):

    category_choice=(('Full','Full Beard'),
                ('tashe', 'Moustache'),
                ('goat','Goatee'))

    image = models.ImageField(upload_to='rate', blank=True)
    name =  models.CharField(max_length=128, default=0)
    user = models.ForeignKey(User)
    date = models.DateTimeField(default=now())
    #category = models.ForeignKey(Categories)
    category = models.CharField(max_length=30, choices=category_choice)
    rating = models.IntegerField(default=0)

    def __unicode__(self):
        return self.name

观点:

def index(request):

    if request.method == 'GET':

        #images_list = UploadImages.objects.order_by('-date')
        images_list = UploadImages.objects.filter(category='tashe')
        category_list = Category.objects.order_by('-likes')[:5]
        page_list = Page.objects.order_by('-views')[:5]

        context_dict = {'images':images_list}
        response = render(request,'RateMyBeard/index.html', context_dict)
        return response

    else:
        rating = request.POST['submit']
        #images_list = UploadImages.objects.order_by('-date')
        images_list = UploadImages.objects.filter(category='tashe')
        print rating
        #print images_list

        return render(request, 'RateMyBeard/index.html', images_list)

HTML

{% extends 'base.html' %}

{% load staticfiles %} <!-- New line -->



{% block body_block %}

<p> 'check our images'</p>

             {% for image in images %}
                 <a href="upload/">
                 <img src="{{image.image.url}}" alt="{{image.name}}" >
                    </a>

              {% endfor %}

  {% csrf_token %}
{% endblock %}

最佳答案

添加 target="_blank"属于你<a>标签和链接将在新窗口/标签中打开:

<a href="{{image.image.url}}" target="_blank">
    <img src="{{image.image.url}}" alt="{{image.name}}">
</a>

关于Django:单击图像并在新页面中打开它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29171284/

相关文章:

android - Highgui.imread返回大小为0x0的Mat

java - ZK替换图片内容

php 链接代码 - 分隔代码

c# - 从页面基类查找页面中的控件

电子邮件的 HTML 标签和页面上其他部分的链接

python - Django 和原始 Python 之间的性能

Django 仅在条件匹配时显示列表过滤器

python - 导入错误 : No module named 'config.settings' ; 'config' is not a package

python - 不同目录中的模板

css - 事件/单击时在图像周围创建边框