Ionic--cordova-file-transfer文件上传下载

Ionic 2016-04-22 欢迎您加入IT交流群:123493055IT交流群

Ionic cordova-file-transfer 文件上传下载

ngCordova

进入到工程目录,使用bower工具安装

$ bower install ngCordova

然后将ng-cordova.js或者ng-cordova.min.js添加到index.html中的cordova.js引入之前,例如:

<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>

然后再angular中添加ngCordova依赖,

angular.module('myApp', ['ngCordova'])

安装

cordova plugin add cordova-plugin-file
cordova plugin add cordova-plugin-file-transfer

Ctrl

// 下载地址
var url = "http://10.2.124.224/video/1.mp4";
// 保存地址
var targetPath = '/sdcard/Download/downloadtest.mp4';
var trustHosts = true;
var options = {};
$cordovaFileTransfer.download(url, targetPath, options, trustHosts)
	.then(function(result) {
		// Success!
		$ionicPopup.alert({
			title: "下载完成",
			buttons: [{
				text: '确认',
				type: 'button-positive button-clear',
			}]
		});
	}, function(err) {
		// Error
	}, function(progress) {
		//进度,这里使用文字显示下载百分比
		var downloadProgress = (progress.loaded / progress.total) * 100;
		$ionicLoading.show({
			template: "已经下载:" + Math.floor(downloadProgress) + "%"
		});
		if (downloadProgress > 99) {
			$ionicLoading.hide();
		}
	});

注:凡原创文章转载请注明出处(有好的建议和意见可以联系我(*^__^*))