本地图片预览图片不能正常显示
function showPreview(obj) { var str = obj.value; document.getElementById("previewImg").innerHTML = "<img src='" + str + "'/>"; }



请选择图片:


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

3个回答

找到方法了
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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问