javascript 图片上传预览-兼容标准


Posted in Javascript onJune 01, 2009
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>js图片上传预览</title> 
<script language="javascript" type="text/javascript"> 
function $(obj){ 
    return document.getElementById(obj); 
} 
window.onload = function(){ 
    $("file1").onchange = function(){ 
        this.select(); 
        $("img1").src = "file:///"+document.selection.createRange().text; 
    } 
} 
</script> 
</head> <body> 
<form name="form1"> 
    <input type="file" name="file1" id="file1" /> 
</form> 
<img src="#" id="img1" /> 
</body> 
</html>

保存到本地.htm格式,即可
Javascript 相关文章推荐
Javascript Global对象
Aug 13 Javascript
JavaScript CSS修改学习第二章 样式
Feb 19 Javascript
js 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
Javascript处理DOM元素事件实现代码
May 23 Javascript
在JavaScript中处理时间之setMinutes()方法的使用
Jun 11 Javascript
深入浅析Vue中的slots/scoped slots
Apr 03 Javascript
Vue拖拽组件开发实例详解
May 11 Javascript
浅谈webpack-dev-server的配置和使用
May 17 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
微信小程序仿朋友圈发布动态功能
Jul 15 Javascript
react+ant design实现Table的增、删、改的示例代码
Dec 27 Javascript
微信小程序实现渐入渐出动画效果
Jun 13 Javascript
javascript 关闭IE6、IE7
Jun 01 #Javascript
帮助避免错误的Javascript陷阱清单
May 31 #Javascript
JS 文字符串转换unicode编码函数
May 30 #Javascript
Javascript 日期对象Date扩展方法
May 30 #Javascript
Jquery 基础学习笔记之文档处理
May 29 #Javascript
Jquery 基础学习笔记
May 29 #Javascript
javascript AutoScroller 函数类
May 29 #Javascript
You might like
PHP HTML代码串 截取实现代码
2009/06/29 PHP
php获取中文拼音首字母类和函数分享
2014/04/24 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
详解PHP PDO简单教程
2019/05/28 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
jquery ajax 登录验证实现代码
2009/09/23 Javascript
使用ExtJS技术实现的拖动树结点
2010/08/05 Javascript
JS Map 和 List 的简单实现代码
2013/07/08 Javascript
node.js中的socket.io入门实例
2014/04/26 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
Vue项目中设置背景图片方法
2018/02/21 Javascript
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
原生JS实现DOM加载完成马上执行JS代码的方法
2018/09/07 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
2019/04/30 Javascript
Python正则表达式匹配ip地址实例
2014/10/09 Python
为Python程序添加图形化界面的教程
2015/04/29 Python
Python 中开发pattern的string模板(template) 实例详解
2017/04/01 Python
基于Python_脚本CGI、特点、应用、开发环境(详解)
2017/05/23 Python
Python操作mysql数据库实现增删查改功能的方法
2018/01/15 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
深入学习python多线程与GIL
2019/08/26 Python
python GUI库图形界面开发之pyinstaller打包python程序为exe安装文件
2020/02/26 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
css3实现图片遮罩效果鼠标hover以后出现文字
2013/11/05 HTML / CSS
CSS3制作皮卡丘动画壁纸的示例
2020/11/02 HTML / CSS
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
应聘教师推荐信
2013/10/31 职场文书
报社实习生自荐信
2014/01/24 职场文书
上课睡觉检讨书
2014/01/28 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
部门群众路线教育实践活动对照检查材料思想汇报
2014/10/07 职场文书
2015年人力资源工作总结
2015/04/08 职场文书
mysql sock文件存储了什么信息
2022/07/15 MySQL