编程 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 相关文章推荐

7款吸引人眼球的jQuery/CSS3特效实例分享

Apr 25 Javascript

javaScript 动态访问JSon元素示例代码

Aug 30 Javascript

多个jquery.datatable共存,checkbox全选异常的快速解决方法

Dec 10 Javascript

让checkbox不选中即将选中的checkbox不选中

Jul 11 Javascript

js图片模糊切换显示特效的方法

Feb 17 Javascript

jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效

Apr 12 Javascript

轻松掌握JavaScript状态模式

Sep 07 Javascript

JavaScript数组迭代方法

Mar 03 Javascript

JS实现select选中option触发事件操作示例

Jul 13 Javascript

对vue下点击事件传参和不传参的区别详解

Sep 15 Javascript

Vue CLI3.0中使用jQuery和Bootstrap的方法

Feb 28 jQuery

js点击事件的执行过程实例分析【冒泡与捕获】

Apr 11 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