{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="{% static "testsplitrequests/css/main.css" %}">
<title>Title</title>
</head>
<body>
{% for item in articles %}
<div class="divTable greyGridTable">
<div class="divTableBody">
<div class="divTableRow with-pointer" data-toggle="collapse" data-target="#collapse_{{ item.serial_number }}" data-id="{{ item.serial_number }}" aria-expanded="false"
aria-controls="collapse_{{ item.serial_number }}">
<div class="divTableCell col"><b>{{ item.serial_number }} {{ item.title }}</b></div>
</div>
</div>
</div>
<div id="collapse_{{ item.serial_number }}" class="collapse article" data-id="{{ item.serial_number }}">
<div class="col-12 row">
<p>{{ item.description }}</p>
<p class="article_img" id="{{ item.serial_number }}"></p>
</div>
</div>
{% endfor %}
<script
src="https://code.jquery.com/jquery-3.3.1.js"
integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em"
crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
$(".article").on("show.bs.collapse", function(){
var article = $(this).attr('data-id')
data = {
article_id: article
}
$.ajax({
type: "GET",
url: "{% url 'show_article_image' %}",
data: data,
dataType: "json",
success: function(data){
$('#' + data.article_id).html('<img src="' + data.article_img + '">');
}
})
})
})
</script>
</body>
</html>from django.views.generic.list import ListView
from django.http import JsonResponse
from django.views import View
from .models import *
from .mixins import CategoryAndArticlesListMixin
class CategoryListView(ListView, CategoryAndArticlesListMixin):
model = TestSplitModel
template_name = 'testsplitrequests/base.html'
def get_context_data(self, *args, **kwargs):
context = super().get_context_data(*args, **kwargs)
context['articles'] = self.model.objects.all()
return context
class DynamicArticleImageView(View):
def get(self, *args, **kwargs):
article_id = self.request.GET.get('article_id')
article = TestSplitModel.objects.get(id=article_id)
data = {
'article_img': article.image.url,
'article_id': article.serial_number
}
return JsonResponse(data)from hashlib import md5
from time import time
from uuslug import slugify
def upload_to(instance, filename, unique=False):
# отделяем расширение от имени файла
ext = op.splitext(filename)[1]
name = str(instance.pk or '') + filename + (str(time()) if unique else '')
# имя папки
filename = slugify(instance.name_cover)
# имя файла + хеш + расширение
filename_unique = instance.name_cover + '-' + md5(name.encode('utf8')).hexdigest() + ext
basedir = op.join(instance._meta.app_label)
# соединяем вместе
return op.join(basedir, filename, filename_unique)
class Cover(models.Model):
name_cover = models.CharField(max_length=100, blank=True, null=True)
cover = models.ImageField(upload_to=upload_to)
def __str__(self):
return self.cover.url