Javascript Jquery图像不预览

问题可能很简单，基本上，一旦我选择了一个本地文件，它就会显示在页面上，这样用户就可以看到它的样子，但是图像没有显示，我的鼠标指针会改变，指示计算机正在“工作”并且正在做一些事情，但什么也没有发生

HTML:

如何解决这个问题？因为我在这里没有看到任何错误

您的代码正在运行`

函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#image'）.attr（'src'，e.target.result）；
};
reader.readAsDataURL（input.files[0]）；
}
}

您的代码正在运行`

函数readURL（输入）{
if（input.files&&input.files[0]）{
var reader=new FileReader（）；
reader.onload=函数（e）{
$（'#image'）.attr（'src'，e.target.result）；
};
reader.readAsDataURL（input.files[0]）；
}
}

<div class="logo">
        <form id="form1" runat="server">
        <input class="logo_upload" type='file' visibility="hidden" style="opacity: 0;" onchange="readURL(this);" />
        <img class="logo_upload" id="image" src="#" alt="your image" height="60" width="60" />
        </form>
    </div>

function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#image').attr('src', e.target.result);
            };
        reader.readAsDataURL(input.files[0]);
        }
}