如何用一个提交按钮提交dropzone js表单和django表单

<link rel="stylesheet" href="path/to/dropzone.css">
<script src="path/to/dropzone.js"></script>

<form id="myForm" action="{% url 'upload' %}" method="post" enctype="multipart/form-data">
  {% csrf_token %}
  <!-- 表单字段 -->
  <input type="text" name="name">
  <!-- Dropzone.js区域 -->
  <div id="myDropzone" class="dropzone"></div>
  <!-- 提交按钮 -->
  <button type="submit">提交</button>
</form>

Dropzone.options.myDropzone = {
  url: "{% url 'upload' %}", // 文件上传的URL
  autoProcessQueue: false, // 禁止自动上传
  paramName: "file", // 上传文件的参数名
  maxFilesize: 5, // 最大文件大小，单位为MB
  acceptedFiles: ".jpg,.png,.gif", // 允许上传的文件类型
  // 其他参数和事件回调函数
};

document.getElementById("myForm").addEventListener("submit", function(e) {
  e.preventDefault(); // 阻止表单默认提交行为
  var myDropzone = Dropzone.forElement("#myDropzone");
  myDropzone.processQueue(); // 手动触发上传
});

from django.shortcuts import render

def upload(request):
    if request.method == 'POST':
        # 处理表单数据
        name = request.POST.get('name')
        # 处理上传的文件
        file = request.FILES.get('file')
        # 保存文件到服务器或其他操作
        # ...
        return render(request, 'success.html')
    return render(request, 'upload.html')