求图片预览js代码     用 upfile选中图片后        在一个<div>中预览这张图片

解决方案 »

  1.   

    <input type="file" id="file" onchange="preview()" />
    <img id="img" />
    <script>
    function preview() {
        document.getElementById('img').src = document.getElementById('file').value;
    }
    </script>
      

  2.   

    楼上代码只实用IE6,不兼容IE7.
    <!--以下均支持IE6和IE7,不支持Firefox2.0,其他浏览器未经测试-->
    <script type="text/javascript">function Preview(imgFile)

    document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;} 
    </script>请选择要预览的图片:<input type="file" onchange="javascript:Preview(this);" /><br />
    <div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);width:400px;height:200px;"></div>/////////////////////////////////
    只能是用div去显示!!!!!!!!!!!!!!! 
      

  3.   

    可以看看这个JavaScript 图片上传预览效果 
    里面有教程和源码