IONIC 移到开发本地相册图片转换成base64

1、需要下载插件

相册和打开相机插件请点击 相关插件

2、contoller 实现

$scope.getImageToBase64 = function(imgUrl) {
			var canvas = document.createElement('CANVAS'); 
			var ctx = canvas.getContext('2d'); 
			var img = new Image;
			img.crossOrigin = 'Anonymous'; 
			img.onload = function(){ 
			canvas.height = img.height; 
			canvas.width = img.width; 
			img.src = imgUrl;
			
			ctx.drawImage(img,0,0); 
			var dataURL = canvas.toDataURL('image/png'); 
			// Clean up 
				var baseVal = dataURL.replace('data:image/png;base64,', '');
				$scope.upload.image.push(baseVal);
			}; 
			
		};

参数就是打开相册,选择照片,系统返回的值(照片路径);如下:

$scope.imagePicker = function(){//打开相册
			  	  var options = {
				   maximumImagesCount: 3,
				   width: 200,
				   height: 200,
				   quality: 10
				  };
			  	  
				  $cordovaImagePicker.getPictures(options)
				    .then(function (results) {
				      for (var i = 0; i < results.length; i++) {
				        $scope.getImageToBase64(results[i]);
				      }
				      
				    }, function(error) {
				       $scope.data.push(error);
				    });

			};


评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

戴子

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值