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