小编Sub*_*odh的帖子

我正在制作一个表单，其中我正在获取用户详细信息，例如姓名、电子邮件电话等。在提供所有数据后，在同一个表单中，用户需要单击“拍照”按钮，相机启动，我就能够捕获图像并显示在 html 中的 img 标签中。完成这一切后，用户需要单击“保存”按钮。所有这些数据（包括图像）都需要保存在后端创建的数据库/模型中。我已正确设置媒体和静态文件位置。我被困在保存图像中。我尝试了很多选择，但没有帮助。我的模型保存数据 - models.py

class UserDetails(models.Model):
    User_name = models.CharField(max_length= 300)
    User_phone = models.BigIntegerField()
    User_address = models.TextField()
    User_pic = models.FileField(upload_to='documents/%Y/%m/%d')

我的 HTML 表单

{% extends 'base.html' %}

{%加载静态%} {%块内容%}

  <div class="container-fluid">
    <div class="row">
     <div class="col-md-8">  
        <div id="accordion" role="tablist">

            <form method="POST" action="/usersave/" enctype="multipart/form-data">
                {% csrf_token %}
                  ....

               <div class="card-body">
                 <div class="row">
                   <div class="col-md-4 ml-auto mr-auto">
                      <div class="form-group">                                
                         <video id="video" autoplay ></video>                               
                         <canvas id="canvas"></canvas>                                
                   </div>
             <button id="startbutton1" class="btn btn-outline-secondary btn-sm">Take Photo</button>
                          <script src="{% static "assets/js/capture.js" %}"></script> 
                        </div>

                        .....
                    <div class="img …