从 django 中的 post 获取第一张图片 src

Get the first image src from a post in django

我有一个写博客的模式。因为我正在为 Blogdescritpion 使用所见即所得的编辑器,通过它我可以在 description.

中插入图像
class Blog(models.Model):
    title = models.CharField(max_length=150, blank=True)
    description = models.TextField()
    pubdate = models.DateTimeField(default=timezone.now)
    publish = models.BooleanField(default=False)

在管理员中它看起来像这样:

我想要的是在博客的描述中获取第一张图片,并将其呈现在模板中,如下所示:

如何从博客的描述中得到 img src 以在模板中使用它?非常感谢您的帮助和指导。谢谢。

views.py:

def blog(request):
    blogs = Blog.objects.all()

    return render(request, 'blogs.html', {
        'blogs':blogs
        })

模板:

  {% for blog in blogs %}
  <div class="blog">
      <p class="blog_date"> {{blog.pubdate}} </p>
      <h2 class="blog_title"> {{blog.title}} </h2>
      <img src="{{STATIC_URL}} ###img src to be included" class="blog_image img-responsive img-thumbnail">


          <a href="blog_detail.html" class="blog_read_more btn btn-info">Read more</a>
      <div class="container">
          <p class="divider">***</p>
      </div>
  </div>
  {% endfor %}

就个人而言,我会在收到新博客的 post 时解析 HTML 以获取图像源,并将其存储到数据库(具有特定字段),所以之后你不需要这样做。

我猜描述在 HTML 中,在这种情况下,您可以从 HTMLParser 派生一个 class,并实现 handle_starttag 方法,以便您存储您获得的第一张图片的来源(否则为默认图片)。

这是一个基本方法,您可以为方便起见进行调整:

向您的模型添加一个 first_image 字段:

class Blog(models.Model):
    title = models.CharField(max_length=150, blank=True)
    description = models.TextField()
    pubdate = models.DateTimeField(default=timezone.now)
    publish = models.BooleanField(default=False)
    first_image = models.CharField(max_length=400, blank=True)

现在您所要做的就是在保存时填充 first_image 字段,因此您模型的保存方法应如下所示:

def save(self, *args, **kwargs):
    # This regex will grab your first img url
    # Note that you have to use double quotes for the src attribute
    img = re.search('src="([^"]+)"'[4:], self.description)
    self.first_image = img.group().strip('"')
    super(Blog, self).save(*args, **kwargs)

现在只需在您的模板中引用它即可。

这不是一个成熟的解决方案,您还应该考虑其他事项,例如区分笑脸或缩略图或代码片段 imr src 和实际img src,但这应该供个人使用,您不想将其他人的选择限制为将他们的第一张图片作为封面图片。

希望对您有所帮助!