js上传图片预览
来源:互联网 发布:淘宝qq群优惠券靠谱吗 编辑:程序博客网 时间:2024/06/05 14:49
<!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>
<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
- JS预览上传图片
- js图片上传预览
- js 图片上传预览
- js上传图片预览 .
- JS预览上传图片
- js 上传图片预览
- JS图片上传预览
- js上传图片预览
- js上传图片预览
- js上传图片预览
- js 上传图片预览
- JS 图片上传预览
- js-上传图片预览
- js图片上传预览
- js图片上传预览
- js上传图片预览
- js图片上传预览
- js上传图片预览
- SpringMVC Controller接收前台ajax的GET或POST请求返回各种参数
- 我的2016
- iOS不同设备报错 Undefined symbols for architecture armv7:
- 行内元素垂直居中方法
- 17 - 03 - 20 图解HTTP(24)
- js上传图片预览
- c++ 虚函数
- JAXB注解 java 关于xml的注解,自动生成xml文件 - @XML***
- Logistic Regression(逻辑回归)详细讲解
- SAP WEB IDE local 安装
- 快速点击两次返回退出程序
- Matlab_GUI strcmp用法
- 一次「Too many open files」故障
- springmvc(18)使用WebSocket 和 STOMP 实现消息功能