как отобразить изображение чернильной камеры ng-cordova в заполнителе

Question

как отобразить изображение чернильной камеры ng-cordova в заполнителе

0

У меня есть 6 названий продуктов и изображений на сервере, которые я могу отображать в пользовательском интерфейсе. здесь пользовательский интерфейс хорош, но мое требование состоит в том, чтобы отобразить захват изображения (строка base64) в уважаемый заполнитель для временного

<ul class="list">

           <li class="item" ng-repeat="i in products track by $index" ui-sref="leadProduct" >
                {{i}}
                <br>
                <br>
                <img ng-show="base64Array[$index] != undefined" ng-src="{{'data:image/png;base64,'+base64Array[$index]+imgURI}}" ng-err-src="http://placehold.it/100x100" ng-click="takePicture($index)">
                <img ng-show="base64Array[$index] == undefined" src="http://placehold.it/100x100" ng-click="takePicture($index)">
            </li>
        </ul>

это то, как я использую для отображения формы массива, но мне нужна функция камеры ng-cordova.

$scope.takePicture = function() {
    navigator.camera.getPicture(onSuccess, onFail, {
        quality: 75,
        targetWidth: 100,
        targetHeight: 100,
        destinationType: 0
    });

    function onSuccess(imageData) {
        console.log('success 1');
        $scope.imgURI = imageData;
        console.log('success 2');
        $scope.$apply();
    }

    function onFail(message) {
        alert('Failed because: ' + message);
    }
};

здесь я могу вызвать функцию камеры, но я не могу просмотреть изображение, которое я взял с камеры

Mohan Gopi 09 янв. 2016, в 09:40

Источник

Теги:

javascript

ionic-framework

angularjs

ionic

2 ответа

Ещё вопросы

Gustavo Ribeiro · Answer 1 · 2016-10-20T19-28-00.000Z

Просто упал и увидел это. Если вы все еще хотите найти решение здесь, что у меня есть, и оно работает для меня через Ionic View.

//HTML
<ion-content ng-controller="someController">
      <img ng-show="imgURI !== undefined" ng-src="{{imgURI}}" alt="This is not working">
      <img ng-show="imgURI === undefined" ng-src="placeholder" alt="This is not working">
      <button class="button" ng-click="takePicture()" name="button">Take a Picture</button>
  </ion-content>


  //Controller
$cordovaCamera.getPicture(options).then(function(imageData) {
$scope.imgURI = "data:image/jpeg;base64," + imageData;
}, function(err) {
});

Вам действительно не нужно "ALT" для изображений, но я хотел бы добавить его.

azad · Answer 2 · 2016-01-09T05-56-00.000Z

пытаться,

<img ng-show="base64Array[$index] != undefined" ng-src="data:image/png;base64,{{base64Array[$index]+imgURI}}" ng-err-src="http://placehold.it/100x100" ng-click="takePicture($index)">