相容IE瀏覽器的判斷img圖片尺寸的程式碼
在實際應用中,比如上傳網站的logo或者使用者頭像的時候,為了保證瀏覽器效果,可能會限制上傳的尺寸大小。
下面就是一段能夠實現相容IE瀏覽器的判斷功能,有需要的朋友可以做一下參考。
程式碼例項:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> .preview_size_fake{ /* 該物件只用來在IE下獲得圖片的原始尺寸,無其它用途 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); height: 1px; visibility:hidden; overflow: hidden; display: none; } </style> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script> $(document).ready(function(){ $(".head").change(function() { var val = $(this).val(); if(!val.match( /.jpg|.gif|.png|.bmp/i ) ){ imgtype = false; alert('圖片格式無效!'); } else{ if (FileReader) { var reader = new FileReader(), file = this.files[0]; reader.onload = function(e) { var image = new Image(); image.src = e.target.result; image.onload=function(){ if(image.width > 128 || image.height > 128){ fill = false; alert("頭像尺寸應在128x128之間"); } } }; reader.readAsDataURL(file); } else{ //這是ie9版本 $(".preview_size_fake").show(); var objPreviewSizeFake = $(".preview_size_fake").get(0); var fileupload = $(this).get(0); fileupload.select(); fileupload.blur(); path = document.selection.createRange().text; if (/"\w\W"/.test(path)) { path = path.slice(1,-1); } objPreviewSizeFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = path; if(objPreviewSizeFake.offsetWidth > 128 || objPreviewSizeFake.offsetHeight > 128){ fill = false; alert("頭像尺寸應在128x128之間"); } document.selection.empty(); } } }); }) </script> </head> <body> <input class="head" type="file" name="avatar"> <img class="preview_size_fake" /> </body> </html>
相關文章
- 判斷IE瀏覽器程式碼例項瀏覽器
- IE瀏覽器版本的判斷瀏覽器
- js判斷是否是IE瀏覽器程式碼JS瀏覽器
- js判斷IE瀏覽器程式碼例項JS瀏覽器
- 如何在低版本IE瀏覽器中實現判斷img圖片載入完畢瀏覽器
- 如何判斷IE瀏覽器的版本瀏覽器
- .net火狐瀏覽器 ie瀏覽器 判斷瀏覽器
- js判斷IE瀏覽器版本例項程式碼JS瀏覽器
- js判斷IE8和IE8以下瀏覽器程式碼JS瀏覽器
- JavaScript 判斷IE瀏覽器的版本包括IE11JavaScript瀏覽器IE11
- js程式碼判斷瀏覽器JS瀏覽器
- js判斷IE6至IE8瀏覽器程式碼例項JS瀏覽器
- IE瀏覽器相容瀏覽器
- js如何判斷是否是IE瀏覽器JS瀏覽器
- 判斷瀏覽器型別的程式碼例項瀏覽器型別
- 如何判斷瀏覽器是否是IE11瀏覽器IE11
- jquery判斷<img>圖片是否載入完成程式碼例項jQuery
- js上傳圖片預覽,相容IE6以上各大主流瀏覽器JS瀏覽器
- 獲取img圖片原始尺寸程式碼例項
- 相容低版本IE瀏覽器的阻止事件冒泡效果程式碼瀏覽器事件
- 判斷img圖片是否載入成功
- 相容IE8和IE7瀏覽器的圓形圖案瀏覽器
- js判斷微信瀏覽器程式碼例項JS瀏覽器
- javascript判斷uc瀏覽器程式碼例項JavaScript瀏覽器
- 小技巧系列:html或js判斷IE瀏覽器HTMLJS瀏覽器
- 相容所有瀏覽器的圖片上傳本地預覽效果瀏覽器
- 專用IE瀏覽器的if判斷語句簡單介紹瀏覽器
- javascript如何獲取img圖片的尺寸JavaScript
- IE瀏覽器低版本判斷及升級提示瀏覽器
- 使用javascript判斷瀏覽器核心程式碼例項JavaScript瀏覽器
- js判斷瀏覽器型別程式碼例項JS瀏覽器型別
- ie瀏覽器相容模式怎麼設定在哪裡 ie瀏覽器相容模式設定方法瀏覽器模式
- IE瀏覽器下js無法獲取隱藏圖片尺寸簡單介紹瀏覽器JS
- 相容IE瀏覽器實現的中文兩端對齊程式碼例項瀏覽器
- 相容IE6瀏覽器的最大高度和最小高度css程式碼瀏覽器CSS
- javascript判斷瀏覽器的型別和版本程式碼例項JavaScript瀏覽器型別
- 判斷瀏覽器型別和版本的javascript程式碼例項瀏覽器型別JavaScript
- web中通過註釋判斷瀏覽器<!--[if !IE]><!--[if IE]><!--[if lt IE 6]><!--[if gte IE 6]>版本Web瀏覽器