手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript 图片上传预览-兼容标准
javascript 图片上传预览-兼容标准
摘要:复制代码代码如下:js图片上传预览function$(obj){returndocument.getElementById(obj);}wi...

复制代码 代码如下:

<!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中动态函数用法

javascript动态创建链接的方法

javascript常用方法总结

javascript函数特点实例

javascript插件开发的一些感想和心得

奇妙的Javascript图片放大镜

理解javascript封装

javascript字符串与数组转换汇总

理解javascript中的with关键字

解析javascript中鼠标滚轮事件

精品推荐
分类导航