2

我正在尝试在 JQuery 1.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" />

我试过通过 JSFiddle 运行这段代码,它工作得很好,但在我的网站上它只更改文件名但不预览图像。有谁知道为什么会这样?

这是 JSFiddle:http: //jsfiddle.net/s9TZ6/

4

0 回答 0