有点小揪心，IE和chrome上预浏览图片问题。

 function display(x){

      document.getElementById('p').style.display = x;

   }

   function pric(){

	  var p = document.getElementById('file');

	  	  p.click();

	 	  document.getElementById('img').src = p.value;

   }

<a href="javascript:;" onclick="display('block')">修改头像</a>

<center>

<div class="lk" id="p" style="display:none">

<div id="d">

	<div class="c">

    	<input style="display:none;" id="file" type="file" />

	 	<img id="img" width="100" height="100" />

 	</div>

    <div class="b">

    	<a href="#" onclick="display('none')">上传</a>

        <a href="#" onclick="pric()">预览</a>

    </div>

</div>

</div>

</center>

怎么解决这个问题，目前我没有用到jquery    在IE上 点击浏览，图片可以显示，
在chrome 上点击浏览，图片 预览不到。。。。如何解决呢
------解决方案--------------------
安全问题不允许显示本地图片，兼容性最好的办法就是上传到服务器后返回临时文件名来实现预览

IE发布网站后除了ie6，ie7+也加载不了本地图片实现预览的
------解决方案--------------------
既然ie通过安全漏洞解决了，那其他的就好办了

html5有file api，chrome完美支持

<img id="uploadPreview" style="width: 100px; height: 100px;" />

<input id="uploadImage" type="file" name="myPhoto" onchange="PreviewImage();" />

<script type="text/javascript">



    function PreviewImage() {

        oFReader = new FileReader();

        oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);



        oFReader.onload = function (oFREvent) {

            document.getElementById("uploadPreview").src = oFREvent.target.result;

        };

    };



</script>

------解决方案--------------------
本地图片，用户在选择图片时，操作系统就可以预览。完全没必要预览本地图片。

先上传到服务器，显示上传后的 服务器上面的图片
------解决方案--------------------
显示本地图片？那你的所谓ie显示应该也是ie的低版本吧？浏览器安全性提高以后，不允许显示本地图片了，所以要么是flash，或者sl。。。
------解决方案--------------