js脚本实现上传图片无刷新预览!
2007-12-04 10:34
736 查看
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<script type="text/javascript">...
function changeimg(imgid,fileid)
...{
document.getElementById(imgid).src=document.getElementById(fileid).value;
}
</script>
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<img src="" style="width: 117px; height: 63px" id="image1" />
<input id="File2" type="file" runat="server" onchange="changeimg('image1','File2')"/>
</form>
</body>
</html>
效果如图:
相关文章推荐
- 一段上传图片预览JS脚本,Input file图片预览的实现
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- Js实现文件上传无刷新以及图片预览
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- 上传图片预览JS脚本 Input file图片预览的实现示例
- JS实现上传本地图片前先预览
- js实现上传图片并预览
- html+js实现图片上传前预先预览
- html+js实现图片上传前预先预览
- js实现图片上传预览功能
- JS实现上传本地图片前先预览
- js实现图片预览和FormData上传
- 实现JS上传图片预览功能
- JS,jQuery轻松实现input图片上传预览功能
- 用js实现预览待上传的本地图片