为什么可以'；我使用jQuery将图像元素作为目标_Jquery

为什么可以'；我使用jQuery将图像元素作为目标

jquery

为什么可以'；我使用jQuery将图像元素作为目标,jquery,Jquery,我正在尝试将jQuery添加到我的网站中，这是我第一次进入jQuery。出于某种原因，我就是不能让它工作，我不确定为什么。调试输出中没有错误。以下是我使用的确切代码： <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js"></script> <script> $(document).ready(function(){

我正在尝试将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>


$（文档）.ready（函数（）{
函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#Preview1'）.attr（'src'，e.target.result）；
}
reader.readAsDataURL（input.files[0]）；
}
}
$（“#图像1”）.change（函数（）{
readURL（this）；
警报（“触发”）；
});
});

它可以在jsfidle上运行，但在chrome或firefox中尝试时就不行了。到目前为止，我看到的所有答案都很简单，例如，将其放入document.ready函数中，或者缺少分号或键入错误的URL。如果我有这个，我只是没有发现它。它也不适用于谷歌最新版本的jQuery。

从

输入的id
属性中删除

改变
 <input type="file" id="#Image1">


从
若要将任何元字符（例如！“$%”和“（）*+，./：；？@[]^`{124;}~）用作名称的文字部分，必须使用两个反斜杠对其进行转义：\\
从输入的id
属性中删除#

改变
 <input type="file" id="#Image1">


从
若要将任何元字符（例如！“$%”和“（）*+，./：；？@[]^`{124;}~）用作名称的文字部分，必须使用两个反斜杠对其进行转义：\\
为什么要使用JQuery 1.2.6？我们真的不在乎最新的jQuery是否有用——我们只是想看到您使用的是这么旧的东西，而不必担心，我正在使用一个更新的版本。我在javascript控制台中遇到一个错误，并将此作为故障排除步骤。我正在使用jQuery1.9.1。为什么要使用jQuery1.2.6？我们真的不在乎最新的jQuery是否有用——我们只是想看到您使用的是这么旧的东西，而不必担心，我正在使用一个更新的版本。我在javascript控制台中遇到一个错误，并将此作为故障排除步骤。我正在使用jquery1.9.1.Oh。嗯。成功了。谢谢我非常担心我的jQeury代码中出现了错误，以至于在HTML中完全忽略了这一点。谢谢。嗯。成功了。谢谢我非常担心我的jQeury代码中出现了错误，以至于在HTML中完全忽略了这一点。谢谢
 $("#\\#Image1").change(function () {
    alert("triggered");
 });