PHP Lang
  1. PHP Lang
  3. Использование jQuery ajax для загрузки файлов и данных формы с помощью formData ()
Intereting Posts
Установить код состояния ответа Как редактировать и сохранять пользовательские файлы конфигурации в Laravel? FTP Uploader с использованием php Fontawesome шрифты терпят неудачу после активов: установить и уснуть: дамп Когда вызывать mysqli :: close получить идентификатор из выпадающего тега select для вставки в ссылку Определить и получить заглавные слова в строке в php Netbeans + Xdebug + php не работает Aptana Studio vs. Eclipse Чтение определенной строки файла в PHP многомерный для циклов в php Как запустить (или запустить) Composer на Openshift? SyntaxError: JSON.parse: неожиданный символ в строке 1 столбца 2 данных JSON – FireBug сообщает об этой ошибке. Любое решение? Обновлять содержимое автоматически, если база данных изменяется Условная версия PHP в .htaccess

Использование jQuery ajax для загрузки файлов и данных формы с помощью formData ()

Я хочу загрузить файл с jquery ajax и php, используя forData () с помощью этого кода: 

var data = new FormData(); data.append('image',document.getElementById('uFile').files[0]); data.append('tag','saveDocument'); data.append('data',$('#saveDocument').serializeArray()); $.ajax({ url: url, type: 'post', data: data, cache: false, contentType:false, dataType: 'json', processData: false, success: function (data) { setAlert("Documento guardado correctamente!",success); }, error: function() { setAlert("Ha ocurrido un error al guardar!",error); } }); return false;

Эта строка содержит все данные полей в моей форме: 

 data.append('data',$('#saveDocument').serializeArray());

Но в PHP я не могу получить доступ к этим данным, и я хочу получить доступ к данным формы для вставки в таблицу, знаете ли вы, в чем проблема?

Форма Html 

 <form id="saveDocument" enctype="multipart/form-data" method="post"> <p><i>Todos los campos son requeridos!</i></p> <p> <input id="uName" class="uName span5" name="uName" type="text" placeholder="Nombre completo" required/> </p> <p> <input id="uEmail" class="uEmail span5" name="uEmail" type="email" placeholder="E-mail" required/> </p> <p> <select id="uDept" class="uDept span5" name="uDept" type="text" required> <option value="0">Seleccione departamento</option> <option value="1">Dirección</option> <option value="2">Recursos Humanos</option> <option value="3">Oficina</option> </select> </p> <p> <input id="uIssue" class="uIssue span5" name="uIssue" type="text" placeholder="Asunto" required/> </p> <p> <textarea id="uComment" class="uComment" name="uComment" placeholder="Comentario (Máximo 30 caracteres)" required></textarea> </p> <p> <select id="uUrgency" class="uUrgency span5" name="uUrgency" type="text" required> <option value="0">Seleccione urgencia</option> <option value="1">Normal</option> <option value="2">Alta</option> <option value="3">Urgente</option> </select> </p> <p> <input id="uFile" class="uFile span5" name="uFile" type="file" required/> <input id="nameFile" class="nameFile span5" name="nameFile" type="text" placeholder="Click para seleccionar el archivo" onClick="$('.uFile').click();"/> </p> <p> <input class="btn btn-danger" type="reset" value="Limpiar"/> <input id="sendFile" class="btn btn-primary" type="submit" value="Guardar"/> </p>

Ниже изображение взято из инструмента разработчика хром:

введите описание изображения здесь

Вы можете очень легко. Взгляните на эти сообщения:

  • специально для изображений с демонстрацией
  • просто все загрузки файлов с проверкой