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);
				    });

			};