javascript 图片上传预览-兼容标准
更新时间：2009年06月01日 01:51:21 作者：
js图片上传预览
复制代码 代码如下:
<!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格式，即可
相关文章
这篇文章主要为大家详细介绍了微信小程序实现聊天室功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
本文为大家提供JS如何获取当前网址、主机地址之后的目录及项目根路径的方法，喜欢的朋友可以收藏下2013-11-11
JavaScript中Location.search处理使用方法
本文主要介绍了JavaScript中Location.search处理使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要介绍了实现iframe窗口高度自适应的又一个巧妙思路,需要的朋友可以参考下2014-04-04
在我们的WebApp项目中，Dialog是个不可或缺的元素，很多页面操作都通过Dialog来进行，今天我们就Dialog显示数据、提交数据做进一步分析2012-10-10
这篇文章主要介绍了JavaScript 解析数学表达式的过程详解,本文以一个的解题思路，来分享如何解决问题，解决的过程，可以作为解决工作中一般问题的通用思路，对js解析表达式相关知识感兴趣的朋友一起看看吧2022-06-06
这篇文章主要介绍了JS判断字符串字节数并截取长度的方法,涉及JavaScript针对页面元素与字符串的动态操作技巧,需要的朋友可以参考下2016-03-03
拉表格，一个函数调用即可2008-11-11
本文给大家总结了bootstrap的class样式，由基础到内涵给大家介绍的非常详细，需要的的朋友可以参考下2016-12-12
没有事研究了下倒计时的效果，因此自己练习了一下，需要的朋友可以参考下2012-08-08
最新评论