Как отправить форму из Django Modal - PullRequest
Новая
       30

Как отправить форму из Django Modal

0 голосов
/ 11 ноября 2019

Я пытаюсь загрузить видео на мой сайт Django, используя модальное. В настоящее время, когда я пытаюсь отправить форму, я получаю сообщение об ошибке 'NoneType' object has no attribute 'is_ajax'

Я просматривал учебные пособия по Django, а также начальную загрузку / html / guides. Я не могу найти четкий ответ, почему форма не соответствуетпредставления.

base.html 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

        <!-- Our style.css -->
        {% load static %}
        <link rel="stylesheet" href="/static/VR360/style.css?{% now "U" %}"/>

        <title>Umbra</title>
    </head>

    <body>
        <ul>
            <li><a href="#login">Login</a></li>
            <li><a href="{% url 'upload-videos' %}">Upload Videos</a></li>
            <li><a href="{% url 'homepage' %}">Home</a></li>
        </ul>
    <!-- Everything that extends base.html, the code will be "inside" these two block content commands-->
        <div id="page-wrap">
            {% block content %}
            {% endblock content %}
        </div>
    </body>
</html>

upload_videos.html 

{% extends "VR360/base.html" %}
{% block content %}
    <h1>Upload Videos</h1>

    <button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
            Launch demo modal
    </button>

    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <form method="post" enctype="multipart/form-data">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
                    </div>
                    <div class="modal-body">
                        {% csrf_token %}
                        {{ form.as_p }}
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary">Upload File</button>
                    </div>
                </div>
            </div>
        </form>
    </div>


{% endblock %}

views.py 

class VideoCreateView(BSModalCreateView):
    template_name = 'VR360/upload-videos.html'
    form_class = VideoForm

    def get(self, request):
        form = VideoForm()
        videos = Video.objects.all()
        context = {'form': form, 'videos': videos}
        return render(request, 'VR360/upload-videos.html', context)


    def post(self, request):
        form = VideoForm(request.POST, request.FILES)
        form = self.form_class(request.POST, request.FILES)

        if form.is_valid():
            form.save()

        videos = Video.objects.all()
        context = {'form': form, 'videos': videos}

        return render(request, 'VR360/upload-videos.html', context)

models.py 

from django.db import models

# Create your models here.
class Video(models.Model):
    video = models.FileField(upload_to='videos/')
    comment = models.CharField(max_length=100)

    def __str__(self):
        return self.comment

form..py 

from django import forms
from bootstrap_modal_forms.forms import BSModalForm

from .models import Video

class VideoForm(BSModalForm):
    class Meta:
        model = Video
        fields = ['video', 'comment']

Ошибка возникает при попытке form.save(). Мое лучшее предположение, что форма пуста, потому что форма представлена ​​на модальной странице, но на самом деле она не сохраняется на веб-странице.

Конечной целью будет правильное сохранение формы, чтобы видео отображалось в моей папке мультимедиа.

...