formData提交form表单(小记)

这篇博客主要介绍了如何使用FormData通过Ajax方式提交form表单,包括XMLHttpRequest的使用,注意事项如设置processData、contentType为false,以及enctype属性的设置。同时提到了在没有form表单时如何操作,并指出在input[type=file]中添加multiple属性可实现多文件上传。
摘要由CSDN通过智能技术生成

1.XMLHttpRequest发送这个"表单"

<form id="uploadFormadd" enctype="multipart/form-data" method="post" name="fileinfo">
  <input id="file" type="file"/>
  <button id="upload" type="button">upload</button>
</div>

<script type="text/javascript">
  var oData = new FormData(document.forms.namedItem("fileinfo" )); 
  oData.append('file', $('#file')[0].files[0]);
  var oReq = new XMLHttpRequest();  
  oReq.open( "POST", "/add" , true );  
  oReq.onload = function(oEvent) {  
    if (oReq.status == 200) {  
      oOutput.innerHTML = "Uploaded!" ;  
    } else {  
      oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.<br \/>";  
    }  
  };  
  oReq.send(oData);  
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值