js 上传图片预览
js 上传图片预览
1 <script type="text/javascript"> 2 //选择图片,马上预览 3 function xmTanUploadImg(obj) { 4 var file = obj.files[0]; 5 var reader = new FileReader(); 6 reader.onload = function(e) { 7 var img = document.getElementById("img1"); 8 img.src = e.target.result; 9 } 10 reader.readAsDataURL(file); 11 } 12 </script>
1 <TD class=field>图 片:</TD> 2 <TD><INPUT class=text type=file name=houseImage accept=".jpg,.png" onchange="xmTanUploadImg(this)"></TD></TR> 3 <TR> 4 <tr> 5 <th></th> 6 <td><input type="image" id="img1" style="width: 60px; height: 50px;"></td> 7 </tr>
作者:刘认真
-------------------------------------------
新人只求记录学习生活!
如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!