Как преобразовать код шаблона django jinja в jquery ajax

Я использую django rest framework. Я хочу изменить код шаблона django jinja на jquery ajax. Я новичок в jquery. Я хочу сделать следующие условия с помощью jquery ajax с src изображения, видео и аудио. Пожалуйста, помогите мне.

Вот мой код:

    {% if ".jpg" in blogs.image.url or ".jpeg" in blogs.image.url  %}
    <img class="img-circle" src="{{blogs.image.url}}" height="200" width="200">
    <style>
        .img-circle {
            border-radius: 50%;
        }
    </style>
    {% endif %}

    {% if '.mp4' in blogs.image.url or '.mkv' in blogs.image.url %}
    <video width='400' controls>
        <source src="{{blogs.image.url}}" type='video/mp4'>
        Your browser does not support the video tag.
    </video>
    {% endif %}


    {% if '.mp3' in blogs.image.url  %}
    <audio controls width="320" height="240">
        <source src="{{blogs.image.url}}" type="audio/ogg">
    </audio>
    {% endif %}

Вернуться на верх