原文:如何通過js和jquery獲取圖片真實的寬度和高度

什么時候需要獲取圖片真實的寬度和高度 在做pc網頁的時候,有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然后判斷過后給予不同的展示方式 另外一種就是在手機頁面上,在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示,如果手機屏幕太小,太大的圖就會超出去 這時候有兩種解決辦法 給所有的圖片加上這樣的樣式 但是這種方式有另外一個問題就是,如果插入的圖片本身就很小的話,也會被直接拉伸成 顯示, ...

2014-09-24 11:16 4 27352 推薦指數:

查看詳情

jsjquery如何獲取圖片真實寬度高度_javascript技巧

在做pc網頁的時候,有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然后判斷過后給予不同的展示方式! 另外一種就是在手機頁面上,在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示,如果手機屏幕太小,太大的圖就會超出去!這時候有兩種解決辦法 1)給所有的圖片加上這樣的樣式 代碼 ...

Fri Aug 25 00:52:00 CST 2017 0 1193
如何通過jsjquery獲取圖片真實寬度高度

什么時候需要獲取圖片真實寬度高度 在做pc網頁的時候,有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然后判斷過后給予不同的展示方式! 另外一種就是在手機頁面上,在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示,如果手機屏幕太小,太大的圖就會超出去!這時候 ...

Thu Sep 17 23:51:00 CST 2015 7 1028
JS獲取圖片的原始寬度高度

頁面中的img元素,想要獲取它的原始尺寸,以寬度為例,可能首先想到的是元素的innerWidth屬性,或者jQuery中的width()方法。如下: 這樣貌似可以拿到圖片的尺寸。 但是如果給img元素增加了width屬性,比如圖片實際寬度是600,設置了width為400。這時候 ...

Thu Dec 21 20:12:00 CST 2017 2 7175
jquery獲取圖片真實大小

在前端中有許多時候希望顯示圖片的的真實大小的場景(如果圖片預覽這樣的場景),如果直接用選擇器把html中的img元素選擇出來然后輸出他的width()和height()的話,如果對img元素有做樣式限定的則輸出的是樣式中的高度寬度,無法得出圖片真實像素大小。這里可采用新建個圖片對象,然后直接 ...

Tue Dec 11 01:22:00 CST 2018 0 775
利用js獲取圖片尺寸與圖片大小(高度寬度)

利用獲取圖片尺寸與圖片大小(高度寬度)要注意一點的是要等 圖片加載完成后才能js 獲取圖片寬度高度的,所以要判斷在readystate=="complete"的狀態下獲取大小,如果是利用file上傳的話,每次都要點擊清除 image=new image(); imgage.width與高度 ...

Wed Mar 14 19:55:00 CST 2012 0 3929
JS Img對象獲取圖片高度寬度(兼容Chrome)

一般獲取圖片高度寬度的寫法: var img = new Image();img.src = imgsrc;var imgWH = CalcImgTiple(img.width, img.height); 但chrome中測試 無法獲取到。img.width, img.height都為 ...

Mon Nov 04 20:21:00 CST 2013 0 15067
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM