angularjs ng-resource异步上传
angularjs ng-resource Asynchronously Upload
我一次上传大约10张照片(每张照片从800kb到1000kb不等)。
我的问题是,应用程序在大约5秒后崩溃。
我如何异步上传照片,并可能提高应用程序的性能?
控制器 appcon.controller('myCtrl', function($scope, $state, $cordovaCamera, $ionicPopup, PostImg){
$scope.postData = [];
var truckid = "%" + window.localStorage['truckid'] + "%";
$scope.start = function() {
document.addEventListener("deviceready", function () {
var options = {
quality: 200,
destinationType: Camera.DestinationType.DATA_URL,
sourceType: Camera.PictureSourceType.CAMERA,
allowEdit: true,
encodingType: Camera.EncodingType.JPEG,
targetWidth: 1000,
targetHeight: 1000,
popoverOptions: CameraPopoverOptions,
saveToPhotoAlbum: false,
correctOrientation:true
};
$cordovaCamera.getPicture(options).then(function(imageData) {
var file = imageData;
$scope.postData.push({file});
}, function(err) {
console.log('4 error');
});
}, false);
}
$scope.upload = function() {
var confirmPopup = $ionicPopup.confirm({
title: 'Continue?',
template: 'Are you sure you want to Send Images?'
});
confirmPopup.then(function(res) {
if(res) {
$scope.postData.push({truckid});
var post = new PostImg($scope.postData);
post.$save(function(postObject) {
var alertPopup = $ionicPopup.alert({
title: 'Images Send !',
buttons: [{
text: 'Continue with Check In?',
type: 'button-positive'
}]
});
alertPopup.then(function(res) {
});
});
}
else {
console.log('You are not sure');
}
});
}
})
appcon.factory('PostImg', function($resource) {
return $resource('http://192.168.0.1/Service.svc/BOB');
});
你可以试试cordova-plugin-file-transfer吗?请注意,它将只在手机上工作。
http://ngcordova.com/docs/plugins/fileTransfer/相关文章:
- ng用异步函数模拟怪异行为
- angular 1.3中的ng选项在集合异步设置时忘记了ng模型
- ng隐藏不't在异步apiService调用后从类中删除
- 使用 AngularJS 和 Azure Mobile Web Services 与 ng-resource 进行分页
- Angular JS - 将ng-repeat异步应用于添加到DOM的内容
- 如何使用 agluar ng-resource 在 Web API 中调用特定的 get 方法
- 避免筛选异步 ng 选项默认值
- AngularJS - ng-init 不适用于 $resource 和 ng-repeat
- 可以'我不知道ng resource为什么赢了't返回数组
- Angular JS ng用异步数据重复
- 通过$scope访问函数中的ng-resource会导致无限循环
- 在AngularJS的ng-click处理程序中,异步更新模型时忽略第一个更新
- Angular在ng-click中执行异步函数
- 与$http和$resource异步$cacheFactory
- angularJS将异步数据绑定到ng-repeat order
- 如何将ng if与异步函数一起使用
- 使用异步数据的Angular ng-table分页
- angularjs ng-resource异步上传
- Ng-resource查询返回所有记录
- 不能发布数据角ng-resource