本地图片预览图片不能正常显示

function showPreview(obj) { var str = obj.value; document.getElementById("previewImg").innerHTML = "<img src='" + str + "'/>"; }



请选择图片:


功能:预览本地图片
发布到tomcat,我在myeclipse里面内置的浏览器可以正常预览本地图片
但到浏览器上就不可以了,不管是IE、火狐、chrome都不行,这需要怎么解决

找到方法了
function showPreview() {
url = window.URL.createObjectURL(document.getElementById("myfile").files.item(0));
document.getElementById("previewImg").innerHTML = "";
}


图片路径不对了吧,用chrome的developer tool看看图片路径。

发布网站后是有安全问题的,不允许加载本地图片(IE6可以),需要使用FileReader,你的代码在高版本浏览器下也会有问题。。发个兼容性好的给你参考
javascript客户端图片预览,兼容最新firefox,chrome和IE