ionic cordovaCamera拍照上传服务器

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


猜你喜欢

转载自blog.csdn.net/kingcruel/article/details/71083982