zoukankan      html  css  js  c++  java
  • 手动实现angular 文件上传功能

      <input placeholder="选择文件" style="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('链接异常,上传失败!');
    }




  • 相关阅读:
    项目管理改进实践
    Abount StoneAge Dictionary Project
    词库引擎核心设计
    JDOM / XPATH编程指南
    2007年图灵奖揭晓
    pjscrape: A webscraping framework written in Javascript, using PhantomJS and jQuery
    centos install node.js
    Posts tagged pyqt4
    install python262 写得不错
    WebSPHINX: A Personal, Customizable Web Crawler
  • 原文地址:https://www.cnblogs.com/zhuwu/p/7497211.html
Copyright © 2011-2022 走看看