图片上传预览，兼容IE6，IE8代码,JS代码库,德仔网

代码语言

代码分类

【JS】图片上传预览，兼容IE6，IE8

作者:明昊 / 发布于2015/6/29/ 543


	<!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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　上传预览　

同语言下

可能有用的

明昊贡献的其它代码(13)