手机
当前位置:查字典教程网 >编程开发 >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获取select值的方法分析

JavaScript中的私有成员

javascript瀑布流式图片懒加载实例

精品推荐
分类导航