您的位置：首页 > Web前端 > JavaScript

js上传图片预览

2017-01-12 13:55 218 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航