图片上传时,本地显示预览功能
2008-09-29 13:22
316 查看
问的人很多,我就把最简单给大家。
<script type="text/javascript">
function showImg(){
document.getElementById("IMG").src=document.getElementById("photo").value;
}
</script>
<img src="" id="IMG" />
<input type="file" name="photo" id="photo" size="30" onchange="showImg()" />
还有许多细节,大家自己完善吧。
<script type="text/javascript">
function showImg(){
document.getElementById("IMG").src=document.getElementById("photo").value;
}
</script>
<img src="" id="IMG" />
<input type="file" name="photo" id="photo" size="30" onchange="showImg()" />
还有许多细节,大家自己完善吧。
相关文章推荐
- 图片上传时,本地显示预览功能
- 图片上传时,本地显示预览功能
- HTML5本地拖拽上传实现图片预览功能的实践总结
- jsp显示本地图片---用户上传显示预览
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- jquery实现图片上传前本地预览功能
- jquery实现兼容浏览器的图片上传本地预览功能
- jQuery实现本地预览上传图片功能
- jquery实现图片上传前本地预览功能
- jquery实现图片上传前本地预览功能
- 实现图片上传前本地预览功能之二
- jquery实现兼容浏览器的图片上传本地预览功能
- 关于IE 中上传图片时用JavaScript预览本地图片的功能失效
- 基于jquery实现图片上传本地预览功能
- 纯AS代码flash实现预览上传本地图片功能
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- JS中利用FileReader实现上传图片前本地预览功能
- 兼容浏览器图片上传本地预览功能js脚本
- 详解nodejs实现本地上传图片并预览功能(express4.0+)