javascript实现本地预览图片的代码
2012-11-27 13:27
399 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript实现图片上传本地预览图片的代码</title>
<script type="text/javascript">
function viewmypic(mypic,imgfile) {
if (imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
</script>
</head>
<body>
<center>
<form >
<input name="imgfile" type="file" id="imgfile" size="40" onChange="viewmypic(showimg,this.form.imgfile);" />
<br />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />
<br />
</div>
<div style="display:none">
</div>
</center>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>javascript实现图片上传本地预览图片的代码</title>
<script type="text/javascript">
function viewmypic(mypic,imgfile) {
if (imgfile.value){
mypic.src=imgfile.value;
mypic.style.display="";
mypic.border=1;
}
}
</script>
</head>
<body>
<center>
<form >
<input name="imgfile" type="file" id="imgfile" size="40" onChange="viewmypic(showimg,this.form.imgfile);" />
<br />
</form>
<img name="showimg" id="showimg" src="" style="display:none;" alt="预览图片" />
<br />
</div>
<div style="display:none">
</div>
</center>
</body>
</html>
相关文章推荐
- 纯AS代码实现可预览本地图片的flash上传客户端(as3.0)
- 用javascript实现本地图片预览(HTML5)
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- js实现文件上传,图片本地预览(部分代码是借鉴的)
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- 用javascript实现本地图片预览(HTML5)
- JavaScript实现本地图片预览
- JavaScript实现本地图片上传预览功能(兼容IE、chrome、FF)
- JavaScript实现本地图片上传前进行裁剪预览
- [AS3]纯AS代码实现可预览本地图片的flash上传客户端
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- 实现上传图片之后显示预览javaScript代码
- javascript实现上传图片并预览的效果代码实例
- JavaScript中的FileReader图片预览上传功能实现代码
- 基于JavaScript实现本地图片预览
- 纯javascript代码实现浏览器图片选择预览、旋转、批量上传
- 原生javascript FileReader对象实现图片上传本地预览效果
- 纯AS代码flash实现预览上传本地图片功能
- javascript实现上传图片并预览的效果实现代码