FormData 數(shù)據(jù)

提交的數(shù)據(jù)通過FormData來進行設(shè)置 ， 新版的只有支持HTML 5 的瀏覽器才行

方法

append key/value

formData.append("name", name);
formData.append("size", file.size);
formData.append("versionDesc", versionDesc);
formData.append("versionDescError", versionDescError);
formData.append("apkFileData", file);

實例

// 初始化

var xhr = new XMLHttpRequest();

// 進度條
xhr.upload.addEventListener("progress", function (evt) {    
  if (evt.lengthComputable) {       
     var percentComplete = Math.round(evt.loaded * 100 / evt.total);        
    if (percentComplete.toString() == "100") {            
        $("#jdt").html("");            
        $("#jdt").css("width", "0");       
     } else {            
        $("#jdt").html(percentComplete.toString() + '%');
        $("#jdt").css("width", parseInt(percentComplete.toString()) + "%");        
      }    
  }else {
        alert("unable to compute");
    }
}, false);

// 請求成功
xhr.addEventListener("load", function (evt) {
    $("#saveVersionDiv").prop("disabled", false);
    var json = evt.target.responseText;
    var parse = JSON.parse(json);
    var route = resultRoute(parse);
    if (route != null) {
        versionVue.fileFlag = false;
        ts("添加成功");
        versionTable.bootstrapTable("refresh", {
            silent: true        
        });        
        versionVue.closeFormDiv();    
     }
}, false);

// 請求錯誤
xhr.addEventListener("error", function (evt) {
    alert("There was an error attempting to upload the file.");
}, false);

// 請求終止
xhr.addEventListener("abort", function (evt) {
    alert("The upload has been canceled by the user or the browser dropped the connection.");
}, false);

// 設(shè)置請求路徑：
xhr.open("POST", "/api/v1/version/saveVersion");

// 發(fā)送數(shù)據(jù)
xhr.send(formData);