<body ng-controller="testController"> <div style="margin: 100px 100px;"> <input id="fileUpload" type="file" /> <button ng-click="uploadFile()">上传</button> <button ng-click="getBucket()">获取bucket信息</button> <ol> <li ng-repeat="fileName in fileNameList" style="margin-top:10px;"> <a href="" ng-bind="fileName" ng-click="downFile(fileName)"></a> </li>
</ol>
</div>
<!-- floor --> <div th:include="/common/floor :: commonOnLoadJs"></div> <script> angular.module(‘testApp‘, [‘ng-layer‘]).controller(‘testController‘, function ($scope, layer, $http) {
//上传文件 $scope.uploadFile = function(){ var form = new FormData(); var file = document.getElementById("fileUpload").files[0]; form.append(‘file‘, file); $http({ method: ‘POST‘, url: ‘/jz-project/testController/testUpload‘, data: form, headers: {‘Content-Type‘: undefined}, transformRequest: angular.identity }).success(function (data) { console.log(‘upload success‘); }).error(function (data) { console.log(‘upload fail‘); }) }
//获取文件列表 $scope.getBucket = function(){ $http.post("/jz-project/testController/getBucket").success(function(result) { console.log(2); console.log(result); $scope.fileNameList = result.data; }); }
//下载文件 $scope.downFile = function (fileName) { // alert(fileName); //注意下载文件不能使用post提交,后台会返回输出流对象,post返回的数据浏览器没法解析弹出下载框 //还会报错:getOutputStream() has already been called for this response window.location.href = "testController/downFile?fileName="+fileName; // $http.post("/jz-project/testController/downFile", fileName).success(function(result) { // console.log(2); // console.log(result); // getBucket(); // }); }
}) </script>
</body>
|