用js实现预览待上传的本地图片


Posted in Javascript onMarch 15, 2007

<form name="form5" id="form5" method="post" action="#">
<input type="file" name="file5" id="file5" onchange="preview5()"/>
</form>
<script type="text/javascript">
function preview5(){
var x = document.getElementById("file5");
 if(!x || !x.value) return;
var patn = /\.jpg$|\.jpeg$|\.gif$/i;
if(patn.test(x.value)){ 
var y = document.getElementById("img5");
if(y){
y.src = "file://localhost/" + x.value;
}else{
var img=document.createElement("img");      img.setAttribute("src","file://localhost/"+x.value);
img.setAttribute("width","120");
img.setAttribute("height","90");
img.setAttribute("id","img5");
document.getElementById("form5").appendChild(img);
 }
}else{
alert("您选择的似乎不是图像文件。");
}}
</script> 

Javascript 相关文章推荐
国外Lightbox v2.03.3 最新版 下载
Oct 17 Javascript
jQuery EasyUI NumberBox(数字框)的用法
Jul 08 Javascript
基于JQUERY的多级联动代码
Jan 24 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
Feb 11 Javascript
jquery与prototype框架的详细对比
Nov 21 Javascript
Javascript保存网页为图片借助于html2canvas库实现
Sep 05 Javascript
AngularJS自定义插件实现网站用户引导功能示例
Nov 07 Javascript
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
vue中如何让子组件修改父组件数据
Jun 14 Javascript
JavaScript中Array方法你该知道的正确打开方法
Sep 11 Javascript
js canvas实现橡皮擦效果
Dec 20 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 #Javascript
Z-Blog中用到的js代码
Mar 15 #Javascript
htm调用JS代码
Mar 15 #Javascript
QQ邮箱的一个文本编辑器代码
Mar 14 #Javascript
用js实现的一个Flash滚动轮换显示图片代码生成器
Mar 14 #Javascript
js实现的网站首页随机公告随机公告
Mar 14 #Javascript
newxtree.js代码
Mar 13 #Javascript
You might like
php的一个登录的类 [推荐]
2007/03/16 PHP
php缩放图片(根据宽高的等比例缩放)实例介绍
2013/06/09 PHP
如何使用php判断服务器是否是HTTPS连接
2013/07/05 PHP
浅析虚拟主机服务器php fsockopen函数被禁用的解决办法
2013/08/07 PHP
thinkPHP学习笔记之安装配置篇
2015/03/05 PHP
php析构函数的简单使用说明
2015/08/24 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
巧用局部变量提升javascript性能
2014/02/24 Javascript
jQuery 仿百度输入标签插件附效果图
2014/07/04 Javascript
JS从一组数据中找到指定的单条数据的方法
2016/06/02 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
2017/07/04 Javascript
node中使用es5/6以及支持性与性能对比
2017/08/11 Javascript
Vue2.0父子组件传递函数的教程详解
2017/10/16 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
node.js 微信开发之定时获取access_token
2020/02/07 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
vue组件是如何解析及渲染的?
2021/01/13 Vue.js
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
详解Python的Django框架中的模版继承
2015/07/16 Python
在Django框架中伪造捕捉到的URLconf值的方法
2015/07/18 Python
Windows下搭建python开发环境详细步骤
2020/07/20 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
django使用xlwt导出excel文件实例代码
2018/02/06 Python
Django实战之用户认证(用户登录与注销)
2018/07/16 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
opencv+python实现均值滤波
2020/02/19 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
教你如何一步一步用Canvas写一个贪吃蛇
2018/10/22 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
Marriott国际:万豪国际酒店查询预订
2017/09/25 全球购物
网络方面基础面试题
2012/11/16 面试题
实习生自我鉴定范文
2013/12/05 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书