Por que não consigo segmentar o elemento de imagem usando jQuery
Estou tentando adicionar o jQuery para trabalhar com meu site e esta é minha primeira excursão ao jQuery. Por alguma razão, simplesmente não consigo fazê-lo funcionar e não tenho certeza do porquê. Não há erros na saída de depuração. Aqui está o código exato que estou usando:
<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>
Ele funciona no jsfidle, mas não quando eu tento no chrome ou no firefox. Todas as respostas que eu vi até agora são algo simples, coloque-o dentro de uma função document.ready ou você está perdendo um ponto-e-vírgula ou digitou incorretamente o URL. Se eu tenho isso, simplesmente não estou percebendo. Também não funciona com a versão mais recente do jQuery do google.