zoukankan      html  css  js  c++  java
  • JavaScript实现图片预览功能,支持IE和火狐

    JavaScript实现图片预览功能,支持IE和火狐

    <!doctype html public "-//w3c//dtd html 4.01//en" "http://www.w3.org/tr/html4/strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>图片上传预览测试_hzsasheng </title>
    </head>
    <body>
    <input id="myfile" type="file" />
    <br />
    <img src="about:blank" alt="Image to be upload." />
    <div id="info"> </div>
    <script type="text/javascript">
    var dFile = document.getElementById('myfile');
    var dImg = document.getElementsByTagName('img')[0];
    var dInfo = document.getElementById('info');
    dFile.onchange 
    = function(){
    if(!dFile.value.match(/.jpg|.gif|.png|.bmp/i)){alert('File type must be: .jpg, .gif, .bmp or .png !');return;}
    if(dFile.files){
    dImg.src 
    = dFile.files[0].getAsDataURL();
    }
    else if(dFile.value.indexOf('\\'> -1 || dFile.value.indexOf('\/'> -1){
    dImg.src 
    = dFile.value;
    }
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    LVS DR实验!
    Memcached 与 Redis 区别
    LVS笔试题!
    并发编程拓展知识
    并发编程之协程
    并发编程之线程
    并发编程之多道技术
    粘包问题与socketserver实现并发
    套接字通信
    git的使用
  • 原文地址:https://www.cnblogs.com/hzsasheng/p/2017187.html
Copyright © 2011-2022 走看看