AngularJS Example:
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<div ng-app="test">
<h1>Hello</h1>
<img img-missing srcurl="https://lh6.googleusercontent.com/-IOciMSuFkFU/AAAAAAAAAAI/AAAAAAAAABs/6JTCxrL3Irg/photo.jpg"/>
<img img-missing srcurl="http://media.licdn.com/mpr/mprx/0_zVjRUC-Rdbyyu7I8cOUHU3CZdCZr82R8BRdkU31k9Xuhxe2hMpDczTbEF74fiIVuqJ0LNQ34YwAU"/>
</div>
JavaScript
angular.module('test', [])
.directive('imgMissing', function($http) {
return {
restrict: 'A',
link: function(scope, element, attrs) {
$http.jsonp(attrs.srcurl +"?callback=JSON_CALLBACK"
).success(function(res){
element.src('data:image/jpeg;base64,' + res.data);
}).error(function (res) {
console.log("failed");
});
}
}});