首页 > 其他 > 详细

new FormData() 相关用法

时间:2017-10-26 21:42:55      阅读:190      评论:0      收藏:0      [点我收藏+]

 1.simple demo :

var form = document.forms.namedItem("fileinfo");
form.addEventListener(‘submit‘, function(ev) {

  var oOutput = document.querySelector("div"),
      oData = new FormData(form);//form just origin js object

  oData.append("CustomField", "This is some extra data");

  var oReq = new XMLHttpRequest();
  oReq.open("POST", "stash.php", true);
  oReq.onload = function(oEvent) {
    if (oReq.status == 200) {
      oOutput.innerHTML = "Uploaded!";
    } else {
      oOutput.innerHTML = "Error " + oReq.status + " occurred when trying to upload your file.<br \/>";
    }
  };

  oReq.send(oData);
  ev.preventDefault();
}, false);

2.referer:更复杂的其它方式 上传文件和表单

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Using_XMLHttpRequest#Submitting_forms_and_uploading_files

new FormData() 相关用法

原文:http://www.cnblogs.com/tangchangcai/p/7739492.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!