ionic cordovaCamera拍照上传服务器

来源：互联网发布：淘宝刷票会被发现吗编辑：程序博客网时间：2024/05/21 12:41

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

0 0