图片上传预览，兼容IE6，IE8

来源：互联网发布：手机原装收音机软件编辑：程序博客网时间：2024/06/15 15:11

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title>    <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>    <script type="text/javascript">    $(function(){        $(".file").change(function(){            var fileImg = $(".fileImg");            var explorer = navigator.userAgent;            var imgSrc = $(this)[0].value;            if (explorer.indexOf('MSIE') >= 0) {                if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)) {                    imgSrc = "";                    fileImg.attr("src","/img/default.png");                    return false;                }else{                    fileImg.attr("src",imgSrc);                }            }else{                if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)) {                    imgSrc = "";                    fileImg.attr("src","/img/default.png");                    return false;                }else{                    var file = $(this)[0].files[0];                    var url = URL.createObjectURL(file);                    fileImg.attr("src",url);                }            }        })    })    </script></head><body>    <form enctype="multipart/form-date" method="post">        <input type="file" class="file">        <input type="submit" class="sub">    </form>    <img src="" class="fileImg"></body></html>

阅读全文

0 0