编程 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的函数重名看其初始化方式

Mar 08 Javascript

很可爱的输入框

Aug 03 Javascript

Visual Studio中的jQuery智能提示设置方法

Mar 27 Javascript

Jquery实现页面加载时弹出对话框代码

Apr 19 Javascript

JavaScript判断数组重复内容的两种方法(推荐)

Jun 06 Javascript

Javascript中函数名.length属性用法分析(对比arguments.length)

Sep 16 Javascript

jquery表单验证实例仿Toast提示效果

Mar 03 Javascript

Windows下Node.js安装及环境配置方法

Sep 18 Javascript

原生js+cookie实现购物车功能的方法分析

Dec 21 Javascript

原生JavaScript实现todolist功能

Mar 02 Javascript

vue 实现边输入边搜索功能的实例讲解

Sep 16 Javascript

vue进入页面时不在顶部,检测滚动返回顶部按钮问题及解决方法

Oct 30 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