Dlaczego nie mogę kierować elementu obrazu za pomocą jQuery

Question

Dec 22, 2013, 02:26 PM

Dlaczego nie mogę kierować elementu obrazu za pomocą jQuery

Próbuję dodać jQuery do pracy z moją stroną internetową i jest to moja pierwsza wycieczka do jQuery. Z jakiegoś powodu po prostu nie mogę go uruchomić i nie jestem pewien dlaczego. Nie ma błędów w wyjściu debugowania. Oto dokładny kod, którego używam:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script>
<script>
$(document).ready(function(){
function readURL(input) {
        if (input.files && input.files[0]) {
        var reader = new FileReader();

            reader.onload = function (e) {
                $('#Preview1').attr('src', e.target.result);
            }

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

    $("#Image1").change(function(){
        readURL(this);
        alert("triggered");
    });
});
</script>
</head>
<body>
<form>
<input type="file" id="#Image1">
<img src="#" id="Preview1">
</form>
</html>

Działa na jsfidle, ale nie kiedy próbuję w chrome lub firefox. Wszystkie odpowiedzi, które do tej pory widziałem, są proste, umieść je w funkcji document.ready lub brakuje średnika lub błędnie wpisałeś URL. Jeśli to mam, po prostu tego nie zauważam. Nie działa również z najnowszą wersją jQuery z google.