这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 js 兼容火狐显示上传图片预览效果的方法, 涉及 js 调用 FileReader 实现图片预览功能的技巧, 需要的朋友可以参考下
本文实例讲述了 js 兼容火狐显示上传图片预览效果的方法。分享给大家供大家参考。具体实现方法如下:
- <!doctype html>
- <html>
- <head>
- <meta content="text/html; charset=GBK" http-equiv="Content-Type" />
- <title>
- Image preview example
- </title>
- <style type="text/CSS">
- div {width:100px;height:100px;border: 1px #A3BFE7 solid;} img {width:atuo;height:atuo;}
- </style>
- <script type="text/javascript">
- function viewPic() {
- var oFReader = new FileReader();
- oFReader.onload = function(e) {
- document.getElementById("uploadPreview").src = e.target.result;
- }
- if (document.getElementById("uploadImage").files.length === 0) {
- return;
- }
- var oFile = document.getElementById("uploadImage").files[0];
- oFReader.readAsDataURL(oFile);
- }
- </script>
- </head>
- <body>
- <input id="uploadImage" type="file" name="myPhoto" onchange='viewPic();'
- />
- <br>
- <img id="uploadPreview" src="" />
- </body>
- </html>
运行效果如下图所示:
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0701/271234.html