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