JavaScript Сравнение входных изображений

Question

Как я могу сравнить входное изображение с изображением, хранящимся в моей папке publi c в JavaScript?

function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function (e) {
                $('#pic')
                    .attr('src', e.target.result)
                    .width(600)
                    .height(600);
            };

            reader.readAsDataURL(input.files[0]);
        }
    }
    function matching(input){

            if ($('src',e.target.result)=="public_coffee.jpg") {
                var x = document.createElement("IMG");
                x.setAttribute("src", "public_coffee.jpg");
                x.setAttribute("width", "304");
                x.setAttribute("height", "228");
                document.body.appendChild(x);
                exit();
            }

    }

Я очень новичок в JavaScript. Первая функция позволяет загружать и просматривать изображения, и это работает. Вторая функция должна сравнить загруженное изображение с изображением в моей папке publi c, а затем отобразить это изображение. Эта вторая функция не работает. Что я делаю не так или не вижу? Не могли бы вы, ребята, помочь мне?