какая работа с формой которая отправляет данные и фото стоит на клиенте? Валидацию полей и отпраку данных я умею делаю но вот как собрать данные с поля - загрузки файлы у меня проблема, что на js нужно написать для этого:
html:
<form id="formModel">
<input type="text" name="name">
<input type="text" name="phone">
<input type="file" id="fileOne">
<input type="submit">
</form>
js:
$("#formModel").submit(function() {
$.ajax({
url: "send.php",
method: "POST",
data: {
name: $("#formModel input[name='name']").val(),
phone: $("#formModel input[name='phone']").val(),
file: $("#formModel #fileOne").val()
},
success: function(data) {
$("#formModel input[name='name']").val(''),
$("#formModel input[name='phone']").val(''),
$("#btnSubmit").attr("value", "Отправлено")
}
});
return false;
});
Можно сериализовать данные формы вместо того, чтобы собирать их по каждому полю, заодно это упростит загрузку файлов. Например, использовать объект FormData, позволяющий упаковать данные в виде пар "ключ - значение" для отправки с помощью XMLHttpRequest асинхронно. Тогда код будет выглядеть так:
<form id="formModel">
<input type="text" name="name">
<input type="text" name="phone">
<input type="file" name="fileOne" id="fileOne">
<input type="submit">
</form>
js:
$("#formModel").submit(function() {
$.ajax({
url: "send.php",
method: "POST",
data: new FormData( this ),
success: function(data) {
$("#formModel input[name='name']").val(''),
$("#formModel input[name='phone']").val(''),
$("#btnSubmit").attr("value", "Отправлено")
}
});
return false;
});
Вот код со старого моего проекта, надеюсь поможет
var data = new FormData();
if (this.files[0]) {
var image_file = this.files[0];
}
data.append('upload', image_file);
jQuery.ajax({
url: '/?ajax=upload_avatar',
data: data,
cache: false,
contentType: false,
processData: false,
type: 'POST',
success: function(data) {
console.log("ajax success");
console.log(data);
jQuery("#avatar_image").attr("src", data);
}
});
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Использую простенький скрипт для переключения активных элементовНо, столкнулся с проблемой
Добрый день, не пойму почему не срабатывает скриптПомогите пожалуйста