- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- <script type="text/javascript" src1="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 src1="" class="fileImg">
- </body>
- </html>
来源: http://www.phpxs.com/code/1003711/