Как отправить форму dropzone js и django с помощью одной кнопки отправки - PullRequest
Новая
       11

Как отправить форму dropzone js и django с помощью одной кнопки отправки

0 голосов
/ 12 февраля 2019

Я использую dropzone js, чтобы создать форму, в которую пользователи могут загружать информацию вдоль боковых изображений.Dropzone js требует, чтобы в dropzone была форма с классом dropzone для работы с перетаскиванием изображений, теперь у меня две формы.Первая - это обычная форма ввода, а вторая - форма dropzone js.У меня вопрос, как я могу отправить форму dropzone js и обычную форму ввода с помощью одной кнопки отправки.Обратите внимание, что я использую html-формы, а не хрустящие django. 

 <form method="POST" enctype="multipart/form-data" id="inputform" name="form1">
       {% csrf_token %}
       <button type="submit" id="add">Save</button>
  </form>
  <div class="col-sm-12 col-lg-6" id="inner">
    <form method="POST" enctype="multipart/form-data" id="inputform" name="form1">
    {% csrf_token %}
    <h4>Title</h4>
    <input type="text" name="product_title" id="product_title" placeholder="Give your product a name">
    <h4>Price</h4>
    <input type="text" name="product_price" id="product_price" placeholder="0.00">
    <h4>Description</h4>
    <input type="text" name="product_description" id="product_description" placeholder="Write a description about your product">
    </form>
  </div>
  <div class="col-sm-12 col-lg-6" id="inner2">
      <h3>Images</h3>
      <form method="POST"  action="#" class="dropzone col-sm-8 col-lg-8" id="dropzone" name="form2">
        {% csrf_token %}
      </form>
  </div>



def add(request):
if request.method == "POST":
    title = request.POST.get("product_title")
    price = request.POST.get("product_price")
    description = request.POST.get("product_description")
    print(title,price,description)
return render(request,"main/add.html")

1 Ответ

0 голосов
/ 12 февраля 2019

Вам не нужна отдельная форма для dropzone.Используйте первую форму и дайте ей имя класса dropzone. 

 <form method="POST" enctype="multipart/form-data" id="inputform" name="form1" class="dropzone">
   {% csrf_token %}
    <h4>Title</h4>
    <input type="text" name="product_title" id="product_title" placeholder="Give your product a name">
    <h4>Price</h4>
    <input type="text" name="product_price" id="product_price" placeholder="0.00">
    <h4>Description</h4>
    <input type="text" name="product_description" id="product_description" placeholder="Write a description about your product">
    <button type="submit" id="add">Save</button>
  </form>

PS.Для отправки файлов вам необходимо иметь 

<input type="file" name="file" />

в вашей форме.

...