Когда я отправляю FormData, используя JSON/AJAX, это не проходит [закрыто] ⇐ Jquery

[Anonymous]

Извините за меньшее количество деталей, я впервые спрашиваю здесь. То, что я пытаюсь сделать, это добавить картинку профиля для моих пользователей, и фотография будет добавлена ​​в папку пользователей. Задняя часть будет нормальным/стандартным PHP -кодом для загрузки фотографии и сохранения в папке. Но когда я добавляю файл, я получаю ошибку. И это остановлено в этой строке "$. Ajax ({"
Если я добавлю method = "post" в форме, я получу "недействительный токен CSRF"














Close
ukinam



< /code>
И будет субмитандлер, это запустит при подаче кнопки < /p>
submitHandler: function(form) {
Http.submituser(form, getUserFormData(form), function () {
location.reload();
});
}
< /code>
И данные этой формы будут отправлены в Ajax < /p>
user: {
user_id: User : null,
email: form['email'].value,
username: form['username'].value,
password: Util.hash(form['password'].value),
password_confirmation: Util.hash(form['password_confirmation'].value),
profile_image: form['profile_image'].value,
first_name: form['first_name'].value,
last_name: form['last_name'].value,
address: form['address'].value,
phone: form['phone'].value,

< /code>
Http.submituser = function (form, data, success, error, complete) {

var formData = new FormData($(data));
var picfile = document.getElementById('profile_image');
formData.append('profile_image', picfile);

$.ajax({
url: "add.php",
type: "POST",
dataType: "json",
processData: false,
contentType: false,
data: formData,
success: function (response) {},
error: error || function (errorResponse) {},
complete: complete || function () {}
});
};
< /code>
Here is what error i've got:
enter image description here

Uncaught TypeError: FormData constructor: Argument 1 does not implement interface HTMLFormElement.


Подробнее здесь: https://stackoverflow.com/questions/797 ... ng-through