js 上传图片预览

 

js 上传图片预览

<script type="text/javascript">
    //选择图片，马上预览
    function xmTanUploadImg(obj) {
        var file = obj.files[0];
        var reader = new FileReader();
        reader.onload = function(e) {
            var img = document.getElementById("img1");
            img.src = e.target.result;
        }
        reader.readAsDataURL(file);
    }
</script>

 

 

              <TD class=field>图　　片：</TD>
              <TD><INPUT class=text type=file name=houseImage accept=".jpg,.png" onchange="xmTanUploadImg(this)"></TD></TR>
            <TR>
            <tr>
              <th></th>
              <td><input type="image" id="img1" style="width: 60px; height: 50px;"></td>
            </tr>