AngularJS – Show byte array content as image

by

Use ng-src in the following format

<img ng-src="data:image/JPEG;base64,{{image}}">

Don’t forget to add a sanitization filter for data to not be marked as unsafe by angular: 

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|file|ftp|blob):|data:image\//);

More Related Contents:

  1. Share data between AngularJS controllers
  2. Delete firebase data older than 2 hours
  3. How do I set the value property in AngularJS’ ng-options?
  4. How to pass parameters using ui-sref in ui-router to controller
  5. AngularJS – Any way for $http.post to send request parameters instead of JSON?
  6. How to improve performance of ngRepeat over a huge dataset (angular.js)?
  7. Maintain model of scope when changing between views in AngularJS
  8. Break promise chain and call a function based on the step in the chain where it is broken (rejected)
  9. use $http inside custom provider in app config, angular.js
  10. What is the difference between & vs @ and = in angularJS
  11. AngularJS communication between directives
  12. AngularJS toggle class using ng-class
  13. How do I get the Back Button to work with an AngularJS ui-router state machine?
  14. Export to xls using angularjs
  15. Issue with Android Hybid app to display remote image with Ionic framework?
  16. orderBy array item value in Angular ng-repeat
  17. call function inside $sce.trustAsHtml() string in Angular js
  18. How to make POST requests with the FormData API
  19. AngularJS abort all pending $http requests on route change
  20. Angularjs: understanding a recursive directive
  21. Should we use jQuery with AngularJS? [closed]
  22. Complex nesting of partials and templates
  23. How to use ng-if with ng-repeat?
  24. AngularJS: ng-selected doesn’t show selected value [duplicate]
  25. How can I populate a select dropdown list from a JSON feed with AngularJS?
  26. Reason for using array notation when defining AngularJS Controller
  27. What is the difference between the $parse, $interpolate and $compile services?
  28. Mocking and Stubbing with protractor
  29. AngularJs – Best-Practices on adding an active class on click (ng-repeat)
  30. AngularJS event on window innerWidth size change

Leave a Comment