使用ajax发布数据而不重新加载

时间:2016-12-27 15:38:20

标签: javascript jquery ajax

我想上传文件并在我的页面中获取帖子数据。

使用通常的形式,它可以正常工作:

<form id="formulario" action="nextPage" method="post" enctype="multipart/form-data">

        <input type="file" name="aux.urlFile" id="InputDocumento" value =""></input>

</form>

In&#34; nextPage&#34;我可以看到帖子值是

aux.urlFile UPLOADEDFILES*fileDefault#0d08abdfdfcc90f6461fff25236e_aux_urlFile_data_cdata2_psf_B46A0E4F94194001404ED107*data_cdata2.psf*application/octet-stream

现在,我想在不重新加载页面的情况下这样做:

 <form id="formulario" action="" method="post" enctype="multipart/form-data">

        <input type="file" name="aux.urlFile" id="InputDocumento" value ="">
 </input>

JQuery的:

$(document).on('submit','#formulario',function(){

event.preventDefault();
var formData = new FormData($(this)[0]);


for (var [key, value] of formData.entries()) { 
  console.log(key, value);
}


$.ajax({
  type: "POST",
  data: formData,
  processData : false,
  success:function (data) {
     debugger;
  },
  error: function (jXHR, textStatus, errorThrown) {
      alert(errorThrown);
  }
});

});

在控制台中:

aux.urlFile 
FilelastModified: 1482486542000
lastModifiedDate: Fri Dec 23 2016 10:49:02 GMT+0100 (Romance Standard Time)
name: "1.psf"
 size: 1675type: "
"webkitRelativePath: "
"__proto__: File

仅在我的页面中成功使用html代码。如何获取帖子值并检查文件是否已上传?

0 个答案:

没有答案