Почему я не могу нацелить элемент изображения, используя jQuery
Я пытаюсь добавить jQuery для работы с моим веб-сайтом, и это мой первый экскурс в jQuery. По какой-то причине я просто не могу заставить его работать, и я не знаю почему. Нет ошибок в выводе отладки. Вот точный код, который я использую:
<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>
Он работает на jsfidle, но не тогда, когда я пробую его в chrome или firefox. Все ответы, которые я видел до сих пор, очень просты: поместите их в функцию document.ready, или вы пропустили точку с запятой или неправильно набрали URL. Если у меня есть это, я просто не замечаю это. Он также не работает с последней версией jQuery от Google.