Javascript JQuery活载照片错误

我试图在jQuery1.9.1中创建一个图像上传脚本，在浏览器中实时预览图像。以下是我正在使用的代码：

function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        }

        reader.readAsDataURL(input.files[0]);
    }
}

$("#imgInp").change(function(){
    readURL(this);
});

<img id="blah" src="#" alt="your image" />
<input type='file' id="imgInp" />

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

我曾尝试通过JSFIDLE运行这段代码，它运行得非常好，但在我的网站上，它只更改了文件名，而没有预览图像。有人知道为什么会这样吗

---

这是JSFIDLE:

什么是

#blah

的输出

src

？您使用什么浏览器和版本？@Murali它是Firefox 24.0，但我对JS FIDLE使用相同的浏览器，脚本工作良好如果它在JSFIDLE上工作良好，您可能想发布该FIDLE。