手动实现angular 文件上传功能

  <input placeholder="选择文件" style="width:210px"  id="chooseFile"class="form-control macCodeText" maxlength="10" type="file"/>

<input type="submit"class="btn btn-primary" ng-click="uploadFile()" value="确定">

 

 

$scope.uploadFile = function (e) {

$("#myModalChoose").modal('hide');

     var file = document.getElementById('chooseFile').files[0];

     if (file.size == 0) {

     alert('请选择文件');

     return;

     }

     var fd = new FormData();

     var fileName = $("#chooseFile").val();

     fd.append("file", document.getElementById('chooseFile').files[0]);

     fd.append("fileInfo.name", fileName);

     fd.append("fileInfo.remark", $scope.chooseRemark);

     fd.append("fileInfo.version", $scope.chooseVersion);

     var xhr = new XMLHttpRequest();

     xhr.addEventListener("load", uploadComplete, false);

     xhr.addEventListener("error", uploadFailed, false);

     xhr.addEventListener("abort", uploadCanceled, false);

     xhr.open("POST", root + "/ly/fileInfo/save.action");

     xhr.send(fd);

    }

function uploadComplete(evt) {

     alert("文件上传完毕！");

     $scope.page();

}

function uploadFailed(evt) {

  alert('系统异常，上传失败！');

}

function uploadCanceled(evt) {

    alert('链接异常，上传失败！');

}