Warum kann ich das Bildelement nicht mit jQuery als Ziel festlegen?
Ich versuche, jQuery zur Arbeit mit meiner Website hinzuzufügen, und dies ist mein erster Ausflug in jQuery. Aus irgendeinem Grund kann ich es einfach nicht zum Laufen bringen, und ich bin mir nicht sicher, warum. Die Debug-Ausgabe enthält keine Fehler. Hier ist der genaue Code, den ich verwende:
<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>
Es funktioniert auf jsfidle, aber nicht, wenn ich es in Chrome oder Firefox versuche. Alle Antworten, die ich bisher gesehen habe, sind so einfach wie das Einfügen in ein Dokument. Sie funktionieren bereits, oder Sie haben ein Semikolon vergessen oder die URL falsch eingegeben. Wenn ich das habe, sehe ich es einfach nicht. Es funktioniert auch nicht mit der neuesten Version von jQuery von Google.