¿Por qué no puedo apuntar al elemento de imagen usando jQuery?
Estoy tratando de agregar jQuery para trabajar con mi sitio web y esta es mi primera excursión a jQuery. Por alguna razón, simplemente no puedo hacer que funcione y no estoy seguro de por qué. No hay errores en la salida de depuración. Aquí está el código exacto que estoy 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>
Funciona en jsfidle, pero no cuando lo pruebo en Chrome o Firefox. Todas las respuestas que he visto hasta ahora son simples, póngalas dentro de un documento. Ya está lista o le falta un punto y coma o ha escrito mal la URL. Si tengo esto, simplemente no lo estoy viendo. Tampoco funciona con la última versión de jQuery de google.