Verwenden Sie die AngularJS-Anwendung, um auf die Bildbibliothek von Android phone_AngularJS zuzugreifen

angularjs.zip herunterladen - 4,5 KB

Einführung

In diesem Artikel wird erläutert, wie Sie mit AngularJs die von Android-Apps bereitgestellten REST-APIs aufrufen, um auf die Bildbibliothek zuzugreifen.

Hintergrund

Es gibt viele Fernzugriffs-Apps für Android und IOS, aber den Entwicklern fehlen APIs für den Fernzugriff auf Mobiltelefonfunktionen. Daher wurde myMoKit entwickelt, um die Mängel von Softwarelösungen zu beheben.

Verwenden Sie den Code

Die Verwendung des Codes ist sehr einfach. Sie müssen lediglich über die Web-URL auf den myMoKit-Dienst verweisen und schon können Sie alle bereitgestellten REST-APIs sehen

Diese API-Listen und Streaming-Medien in Mobiltelefonen können problemlos über den $resource-Dienst aufgerufen werden.

Sie können die Ressourcen erstellen, die Sie benötigen, um die Medienliste zurückzugeben

angular.module('resources.media', [ 'ngResource' ]);
angular.module('resources.media').factory(
  'Media',
  [
    '$rootScope',
    '$resource',
    '$location',
    '$http',
    function($rootScope, $resource, $location, $http) {
     var mediaServices = {};         
     mediaServices.getAllMedia = function(media) {       
       var path = $rootScope.host + '/services/api/media/' + media;
       return $resource(path, {},
         {
          get : {
           method : 'GET',
           isArray : false
          }
         });
     };
     return mediaServices;
 
  } ]);

Mit dem erstellten Modul können Sie ganz einfach alle Bilder und Videos abrufen

var getAllImages = function(){
   Media.getAllMedia('image').get().$promise.then(
     function success(resp, headers) {      
      $scope.allImages = resp;
      $scope.images = $scope.allImages.images; 
     }, function err(httpResponse) {
      $scope.errorMsg = httpResponse.status;
     });
  }; 
   
  var getAllVideos = function(){
   Media.getAllMedia('video').get().$promise.then(
     function success(resp, headers) {      
      $scope.allVideos = resp;
      $scope.videos = $scope.allVideos.videos; 
     }, function err(httpResponse) {
      $scope.errorMsg = httpResponse.status;
     });
  };

Sie können eine Reihe von Bildern, die Sie über einen Webbrowser erhalten haben, ganz einfach anzeigen

<div class="alert alert-info">
<p> </p>
 
<h4 class="alert-heading">Usage - <i>Image Gallery</i></h4>
 
<p> </p>
 
 
<ul class="row">
  <li class="col-lg-2 col-md-2 col-sm-3 col-xs-4" ng-repeat="image in images" style="margin-bottom:25px"><img class="img-responsive" ng-click="showImage($index)" ng-src="{{streamImageLink}}&#63;uri={{image.contentUri}}&&id={{image.id}}&kind=1" /></li>
</ul>
</div>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.