<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery-1.7.2.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>
图片上传预览
时间: 2024-11-08 20:16:53