angularjs之ng file upload
来源:互联网 发布:sql server 2017 收费 编辑:程序博客网 时间:2024/03/28 17:26
做项目之前的必备工作
目前使用JetBrains WebStorm 软件编辑
如果想实现ng flie upload 图片上传的功能
需要在github.com上下载ng-file-upload文件夹
在页面调用ng-flie-upload.js
在app.js添加依赖模块ngfileupload
在bower.json添加依赖模块ngflieupload并注明版本号
然后在控制器中输入代码,实现图片上传功能
.controller('equipmentPicCtrl',function($scope,$stateParams,Upload){ //函数依赖控制域,和上传 stateParams状态参数 $scope.data = { //date是图片数据类型为图片 file: null }; $scope.upload = function () { if (!$scope.data.file) { //如果不是图片则返回 return; } var url = $scope.params.url; //params是model传的参数,图片上传接口的url var data = angular.copy($scope.params.data || {}); // 接口需要的额外参数,比如指定所上传的图片属于哪个用户: { UserId: 78 } data.file = $scope.data.file; Upload.upload({ url: url, data: data }).success(function (data) { $scope.hide(data); }) };});
阅读全文
0 0
- angularjs之ng file upload
- angularjs之ng-file-upload上传头像
- [Angularjs]ng-file-upload上传文件
- AngularJS 文件上传控件 ng-file-upload
- AngularJS 文件上传控件 ng-file-upload
- [Angularjs]ng-file-upload上传文件
- AngularJS 文件上传控件 ng-file-upload
- angularJs中上传图片/文件功能:ng-file-upload
- angularjs 文件上传ng-file-upload插件使用
- ng-file-upload使用注意事项
- angularJS扩展指令之-angular-file-upload(整理)
- AngularJS之ng-class
- angularjs之ng-repate
- angularJS之ng-class
- AngularJS下$http上传文件(AngularJS file upload/post file)
- jquery-file-upload angularjs下使用简介
- angular-file-upload angularJS 文件上传
- angular js 上传插件 angular-file-upload 和 ng-file-upload 使用时注意事项
- 专家预测,未来将是大数据可视化当道
- Spring MVC 单元测试
- docker 初接触
- CAFFE2中C++11实现的线程池
- Java基础编程1—完数
- angularjs之ng file upload
- 霍夫变换直线检测基本原理hough,houghpeaks,houghlines
- MySql--存储引擎、索引、视图、DBA命令
- ORA-32773
- C++primer学习笔记-----6.7函数指针
- 原生js怎么删除一个 div
- 01_选择排序和冒泡排序
- play framework(翻译)
- spark1.6.1学习笔记02-spark集群的作业调度