圖片上傳預覽，兼容IE6，IE8
<!DOCTYPE html>
javascript
<html>html
<head>java
<meta charset="UTF-8">jquery
<title>Document</title>post
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>this
<script type="text/javascript">url
$(function(){code
$(".file").change(function(){orm
var fileImg = $(".fileImg");htm
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">
<input type="submit">
</form>
<img src="">
</body>
</html>
- 1. 上傳圖片本地預覽效果實現（兼容IE8）
- 2. 前端----實現圖片上傳與預覽（兼容IE8）
- 3. input file 實現上傳預覽圖片,以base64上傳，兼容IE8+,firefox,chrome
- 4. IE8/9 本地預覽上傳圖片
- 5. js實現圖片上傳前的預覽,實現完美兼容Firefox3,IE6,IE7,IE8和IE9的顯示問題
- 6. 用原生JS實現多張圖片上傳及預覽功能（兼容IE8）
- 7. 兼容各個瀏覽器的圖片上傳預覽
- 8. html5 圖片上傳，支持圖片預覽、壓縮、及進度顯示，兼容IE6+及標準瀏覽器
- 9. js圖片上傳預覽功能兼容實現
- 10. 純前端的上傳前圖片預覽，兼容IE系列
- 更多相關文章...
- • PHP 文件上傳 - PHP教程
- • Markdown 圖片 - Markdown 教程
- • Flink 數據傳輸及反壓詳解
- • Docker容器實戰(七) - 容器眼光下的文件系統
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 上傳圖片本地預覽效果實現（兼容IE8）
- 2. 前端----實現圖片上傳與預覽（兼容IE8）
- 3. input file 實現上傳預覽圖片,以base64上傳，兼容IE8+,firefox,chrome
- 4. IE8/9 本地預覽上傳圖片
- 5. js實現圖片上傳前的預覽,實現完美兼容Firefox3,IE6,IE7,IE8和IE9的顯示問題
- 6. 用原生JS實現多張圖片上傳及預覽功能（兼容IE8）
- 7. 兼容各個瀏覽器的圖片上傳預覽
- 8. html5 圖片上傳，支持圖片預覽、壓縮、及進度顯示，兼容IE6+及標準瀏覽器
- 9. js圖片上傳預覽功能兼容實現
- 10. 純前端的上傳前圖片預覽，兼容IE系列