编程 Javascript

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中的Screen屏幕对象

Jan 16 Javascript

js数组转json并在后台对其解析具体实现

Nov 20 Javascript

JavaScript中Date对象的常用方法示例

Oct 24 Javascript

酷炫jQuery全屏3D焦点图动画效果

Mar 22 Javascript

JQuery插件Marquee.js实现无缝滚动效果

Apr 26 Javascript

JS+Canvas绘制时钟效果

Aug 20 Javascript

jQuery密码强度验证控件使用详解

Jan 05 Javascript

详解从Node.js的child_process模块来学习父子进程之间的通信

Mar 27 Javascript

详解ES6之用let声明变量以及let loop机制

Jul 15 Javascript

微信小程序“摇一摇”的实例代码

Jul 20 Javascript

聊聊那些使用前端Javascript实现的机器学习类库

Sep 18 Javascript

jquery操作checkbox的常用方法总结【附测试源码下载】

Jun 10 jQuery

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