angularjs 上传文件
来源:互联网 发布:mysql查看存储引擎 编辑:程序博客网 时间:2024/05/22 00:22
1、首先引用angular-file-upload.min.js文件;
2、在javascript中注入angularFileUpload,如示例:
varapp=angular.module("app", ['angularFileUpload']);
app.controller("控制器名称",function($http, $scope, $upload){});
app.controller("控制器名称",function($http, $scope, $upload){});
3、书写上传文件的函数:
$scope.onFileSelect=function($files) {
for(vari=0;i< $files.length;i++) {
$scope.file= $files[i];
$scope.upload= $upload.upload({
url: 文件上传接口地址,
file: $scope.file
}).success(function(data) {
文件上传成功后对返回值data做的操作
});
}
};
$scope.file= $files[i];
$scope.upload= $upload.upload({
url: 文件上传接口地址,
file: $scope.file
}).success(function(data) {
文件上传成功后对返回值data做的操作
});
}
};
4、页面上的调用
<input type="file" accept="image/*" ng-file-select="onFileSelect($files)">
0 0
- AngularJs 上传文件
- angularjs 上传文件
- AngularJS上传文件
- angularjs 文件上传
- angularjs 文件上传
- angularjs+多文件上传
- angularjs上传文件+jfinal接收上传文件
- AngularJs 上传文件到服务器
- AngularJS下$http上传文件(AngularJS file upload/post file)
- [Angularjs]ng-file-upload上传文件
- angular-file-upload angularJS 文件上传
- AngularJS 文件上传控件 ng-file-upload
- AngularJS 文件上传控件 ng-file-upload
- AngularJs实现表单文件的上传
- AngularJs实现表单文件的上传
- 使用fileinput与angularjs上传文件
- angularjs下上传文件组件flowjs
- [Angularjs]ng-file-upload上传文件
- Spark On YARN内存和CPU分配
- tomcat7.0 内存配置
- JDK并发包---(10)循环栅栏:CyclicBarrier
- 【备忘】关东升-华章培训IOS视频教程【基础编-精通-实战】下载
- Python中__call__用法实例
- angularjs 上传文件
- jersey的简单介绍及与spring-boot的集成使用
- 5-在ORACLE中实现SELECT TOP N
- react native gradle assembleRelease打包运行失败,没有生成bundle文件
- Java就业方向和自学提升方法总结黑马就业班资源分享
- JS - 执行上下文(上)
- 被注入js脚本的xss的解决方法
- 关于帝国cms的优化问题
- openlayers3 自定义打包