angularjs-image_exists.js

app.directive('imageExists', ['$http', 'IMAGE',
    function($http, IMAGE) {
        return {
            restrict: 'EA',
            link: function(scope, elem, attrs, ctrl) {
                $http({
                    method: "GET",
                    url: attrs.src || attrs.ngSrc
                }).then(function mySuccess(response) {
                    return;
                }, function myError(response) {
                    if (response.status === 404) {
                        scope.mainImage = IMAGE.BASE_IMAGE;
                    }
                });
            }
        };
    }
]);