angularjs上传图片插件使用
2016-06-29 14:39
736 查看
一. angurlajs 相关
远程 jar 包 https://code.angularjs.org/angular-1.0.1.min.js
二. 正文
1. html 部分
2. js 部分
远程 jar 包 https://code.angularjs.org/angular-1.0.1.min.js
二. 正文
1. html 部分
<!-- 需要引入的包 --> <script src="/angular/angular.js"></script> <script src="/angular-file-upload/ng-file-upload.js"></script> <!-- html --> <div ng-app="upload"><!-- 自定义ng-app的值 --> <div ng-controller="uploadController"><!-- 自定义ng-controller的值 --> <div ngf-select="upload($file)"></div><!-- upload是允许自定义的方法名 --> </div> </div>
2. js 部分
// 'upload' 是上面自定义的ng-app var app = angular.module('upload', ['ngFileUpload']); // 'uploadController' 是上面自定义的ng-controller app.controller('uploadController',['$scope','Upload', function ($scope,Upload) { // upload是上面允许自定义的方法名 $scope.upload = function (file) { if (file == null) { return; } Upload.upload({ url: url, data: {file: file} }).then(function (result) { console.log(result); }, function (resp) { //console.log('Error status: ' + resp.status); }, function (evt) { //var progressPercentage = parseInt(100.0 * evt.loaded / evt.total); //console.log('progress: ' + progressPercentage + '% ' + evt.config.data.file.name); }); }; }]);
相关文章推荐
- angular $q用法
- AngularJS之Factory vs Service vs Provider
- AngularJS提交form(1)
- ionic+cordova+angularJs监听刷新
- Angular2 学习系列课程(版本分析+快速上手)
- Angular新手容易碰到的坑,随时更新,欢迎订阅
- AngularJS过滤器(Filters)
- angularJS缓存的管理
- $q 实例分析 Angular 中的 Promise
- 【AngularJs】在AngularJS中使用factory和service方法
- 0.osframe框架启动入门说明
- angularJS ng-grid 配置
- jquery 更改angularJS input 内容导致绑定失效的解决办法
- AngularJS的学习--$on、$emit和$broadcast的使用
- AngularJS 作用域(Scope)
- $q -- AngularJS中的服务
- 版本发布中RC的含义什么?
- AngularJS报错No 'Access-Control-Allow-Origin' header
- Angularjs 指令示例
- AngularJS 指令实践指南