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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值