js 的简单的图片预览效果

<div><img id="ImgPr" width="240" height="240" src="" /></div>
<input type="file" onchange="previewFile()" name="pic">

<script language=javascript>
      function previewFile() {
       var preview = document.querySelector('img');
       var file  = document.querySelector('input[type=file]').files[0];
       var reader = new FileReader();
       reader.onloadend = function () {
        preview.src = reader.result;
       }
       if (file) {
        reader.readAsDataURL(file);
       } else {
        preview.src = "";
       }
      }
    </script>

这些