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 相关文章推荐
js parseInt(&quot;08&quot;)未指定进位制问题
Jun 19 Javascript
基于jQuery的360图片展示实现代码
Jun 14 Javascript
jquery ui dialog实现弹窗特效的思路及代码
Aug 03 Javascript
jquery实现省市select下拉框的替换(示例代码)
Feb 22 Javascript
Bootstrap的图片轮播示例代码
Aug 31 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
Vue多系统切换实现方案
Jun 05 Javascript
使用 Vue cli 3.0 构建自定义组件库的方法
Apr 30 Javascript
javascript 构建模块化开发过程解析
Sep 11 Javascript
JS实现json数组排序操作实例分析
Oct 28 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中数据库连接方式pdo和mysqli对比分析
2015/02/25 PHP
php使用文本统计访问量的方法
2016/05/12 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
PHP进阶学习之垃圾回收机制详解
2019/06/18 PHP
基于jquery编写的横向自适应幻灯片切换特效的实例代码
2013/08/06 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
Node.js实现数据推送
2016/04/14 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
angular route中使用resolve在uglify压缩后问题解决
2016/09/21 Javascript
JQuery 又谈ajax局部刷新
2017/11/27 jQuery
JS实现json对象数组按对象属性排序操作示例
2018/05/18 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
详解webpack4之splitchunksPlugin代码包分拆
2018/12/04 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
小程序实现短信登录倒计时
2019/07/12 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
js实现计算器功能
2020/08/10 Javascript
200 行python 代码实现 2048 游戏
2018/01/12 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
Python3使用Matplotlib 绘制精美的数学函数图形
2019/04/11 Python
Python使用微信接入图灵机器人过程解析
2019/11/04 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
区域总监的岗位职责
2013/11/21 职场文书
童装店创业计划书
2014/01/09 职场文书
房地产广告词大全
2014/03/19 职场文书
团结演讲稿范文
2014/05/23 职场文书
村主任“四风”问题个人对照检查材料思想汇报
2014/10/02 职场文书
教师个人成长总结
2015/02/11 职场文书
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python
RestTemplate如何通过HTTP Basic Auth认证示例说明
2022/03/17 Java/Android