javascript innerHTML 图片的问题

Question

 function shangchuan(){
   var ulr=document.getElementById("a_pic").value;
if (ulr==""){
     document.getElementById("xx").style.display="none";
}
else{
    document.getElementById("xx").innerHTML="<img src="+ulr+" />";
   }
 }
<input name="new_pic" type="file"  id="a_pic" onChange="shangchuan();"/><div class="xianshi" id="xx"></div>
这个如果选中桌面的图片，就打不开，如果选中没有空格的文件就没有问题。小弟分不多。请各位不吝赐教一下。谢谢了

Answer 1

没有引号～～在img的src属性上要加上引号，不然有空格的文件就不行了～～document.getElementById("xx").innerHTML="<img src='"+ulr+"' />";

Answer 2

如果是空格的问题 用url.replace("","")

Answer 3

没太看明白, 哪块是桌面的图片,
<input name="new_pic" type="file" id="a_pic" onChange="shangchuan();"/>只要是在这里面发生change事件,后面的的div就能显示出图片

Answer 4

  document.getElementById("xx").innerHTML="<img src="+ulr+" \/>";我刚碰到的问题 转义字符
http://114.xixik.com/character/