11
Янв
2017

Как связать плагин Dropzone.js с обычной формой обратной связи?

Мне нужно реализовать возможность отправки нескольких изображений + введенные данные (имя, телефон и тд).

Загрузку изображений я реализовал через Dropzone.js (http://www.dropzonejs.com/), но вот как отправить эти файлы - ума не приложу.

	 //Моя форма
	$("#form").submit(function() {
	  $.ajax({
	    type: "POST",
	    url: "mail.php",
	    data: $(this).serialize()
	  }).done(function() {
	    $(this).find("input").val("");
	    alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
	    $("#form").trigger("reset");
	  });
	  return false;
	});

	 //Подключение скрипта Dropzone
	var Dropzone = require("dropzone");
	Dropzone.options.myAwesomeDropzone = {
	  paramName: "file", // The name that will be used to transfer the file
	  maxFilesize: 2, // MB
	  accept: function(file, done) {
	    if (file.name == "justinbieber.jpg") {
	      done("Naha, you don't.");
	    } else {
	      done();
	    }
	  }
	};
<form method="post" action="mail.php" class="dropzone" id="form">
  <input type="text" name="name" placeholder="Ваше имя" required />
  <br />
  <input type="text" name="phone" placeholder="Ваш телефон" required />
  <br />
  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
  <button>Отправить</button>
</form>

Файл mail.php:

<?php

$recepient = "agragregra@ya.ru";
$sitename = "Название сайта";

$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$text = trim($_POST["text"]);
$message = "Имя: $name \nТелефон: $phone \nТекст: $text";

$pagetitle = "Новая заявка с сайта \"$sitename\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");

Помогите, пожалуйста, решить эту проблему. Кучу времени убил на поиск решения.

Источник: https://ru.stackoverflow.com/questions/613195/%D0%9A%D0%B0%D0%BA-%D1%81%D0%B2%D1%8F%D0%B7%D0%B0%D1%82%D1%8C-%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD-dropzone-js-%D1%81-%D0%BE%D0%B1%D1%8B%D1%87%D0%BD%D0%BE%D0%B9-%D1%84%D0%BE%D1%80%D0%BC%D0%BE%D0%B9-%D0%BE%D0%B1%D1%80%D0%B0%D1%82%D0%BD%D0%BE%D0%B9-%D1%81%D0%B2%D1%8F%D0%B7%D0%B8

Share

Тебе может это понравится...