1、安装:
cordova plugin add cordova-plugin-camera
2、html
<div class="card">
<div class="item item-image">
<img id="myImage" ng-src="{{imgURI}}">
</div>
</div>
<div class="padding">
<button class="button button-block button-positive" ng-click="loadImageUpload()">拍照上传</button>
</div>
3、controller
appControllers.controller('ManageCameraCtrl', function ($scope,$cordovaCamera,$http) {
$scope.imgURI = "";
//图片拍照上传
$scope.loadImageUpload = function () {
var options = {
quality: 30,
destinationType: Camera.DestinationType.DATA_URL,
sourceType: Camera.PictureSourceType.CAMERA,
};
$cordovaCamera.getPicture(options).then(function (imageData) {
//var image = document.getElementById('myImage');
//image.src = "data:image/jpeg;base64," + imageData;
$scope.imgURI = "data:image/jpeg;base64," + imageData;
$http({
method: "POST",
url: "http://192.168.1.100:8086/api/Common/UploadPic",
headers: {
"Content-Type": "application/json",
"token": "12345678-41fb-420a-b125-888888666666"
},
data: {
"Pic": imageData
},
}).success(function (response) {
if (response.Code == 200) {
alert("success");
}
else {
alert("失败");
}
})
}, function (err) {
// error
});
}
})