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

			};


发布了36 篇原创文章 · 获赞 34 · 访问量 14万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章