脚本宝典收集整理的这篇文章主要介绍了php – 使用jQuery ajax使用formData()上传文件和表单数据,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
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>
> specially for images with demo
> just all file type uploads with validation
以上是脚本宝典为你收集整理的php – 使用jQuery ajax使用formData()上传文件和表单数据全部内容,希望文章能够帮你解决php – 使用jQuery ajax使用formData()上传文件和表单数据所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。