當前位置：首頁 » 網頁前端 » 圖片的寬高是前端獲取的嗎
擴展閱讀
提分平台的賬號密碼是什麼 2023-08-31 22:07:10
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

圖片的寬高是前端獲取的嗎

發布時間: 2022-04-27 08:06:52

㈠ java如何獲取資料庫里的圖片高寬

先把圖片取出來，然後看下面，最好在存資料庫的時候就把寬高保存下來

importjava.awt.image.BufferedImage;
importjava.io.File;
importjava.io.FileInputStream;
importjava.io.FileNotFoundException;
importjava.io.IOException;

importjavax.imageio.ImageIO;

publicclassCalPit{
publicstaticvoidmain(String[]args)throwsFileNotFoundException,IOException{
Filepicture=newFile("C:/Users/Administrator/Pictures/我的圖片/neusoft.png");
BufferedImagesourceImg=ImageIO.read(newFileInputStream(picture));
System.out.println(String.format("%.1f",picture.length()/1024.0));
System.out.println(sourceImg.getWidth());
System.out.println(sourceImg.getHeight());
}
}

㈡ Js獲取圖片原始寬高的實現代碼

如果我們頁面看到的圖片都是縮略圖，那就需要做個圖片點擊放大效果，那麼怎樣獲取圖片的原始寬高呢？方法如下：
//獲取圖片原始寬度
function
getNaturalWidthAndHeight(img)
{
var
image
=
new
Image();
image.src
=
img.src;
return
[image.width,image.height];
}
//點擊縮略圖彈出層，顯示原始圖片。
//獲取class為tz_main_box下的所有p標簽下的圖片img
$(".tz_main_box
p>img").each(function
(k,
v)
{
$(this).unbind("click");
//解除綁定，防止彈出多次圖片層。
$(this).click(function
()
{
var
img
=
v;
//圖片對象
var
imgArea
=
getNaturalWidthAndHeight(img);
var
layerWidth
=
imgArea[0]+
5;
if
(layerWidth
>
1080)
{
layerWidth
=
1080;
}
var
layerHeight
=
imgArea[1]
+
5;
if
(layerHeight
>
600)
{
layerHeight
=
600;
}
//layer彈出層插件
layer.open({
type:
1,
title:
false,
closeBtn:
0,
area:
[''+layerWidth+'px',
''
+
layerHeight
+
'px'],
skin:
'layui-layer-nobg',
//沒有背景色
shadeClose:
true,
closeBtn:
1,
//顯示關閉按鈕
content:
"<center><img
src='"
+
$(this).attr("src")
+
"'></center>"
});
});
});
以上這篇Js獲取圖片原始寬高的實現代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

㈢ 怎麼獲取圖片的高度和寬度

獲取圖片高度和寬度方法很多，以下是三種：

  1. 右鍵屬性，然後查看，查看摘要。

  2. 使用PS，圖片放進去就可以看到數據。

  3. 使用美圖秀秀，當更改尺寸時可以看見原先的數值。

㈣ ASP.NET如何獲取上傳圖片尺寸（是指寬高）

1.採用客戶端javascript可以取得圖片大小
<input id="FileUpload" type="file" size="27" name="FileUpload" onpropertychange="javascript:img2.src=this.value;">
<img id="img2" src="" style="visibility:hidden;position:absolute;top=-10000"/>
<input type="button" value="獲取" onclick="javascript:abc();">
<script language="javascript">
function abc()
{
alert(img2.width);
}

2.採用流取得圖片大小
Stream stream=file.PostedFile.InputStream;
System.Drawing.Image image=System.Drawing.Image.FromStream(stream);

Image.Width
Image.Height

3.使用文件得到圖片大小
System.Drawing.Image image=System.Drawing.Image.FromFile（圖片路徑）
Image.Width
Image.Height

㈤ jquery獲取img寬高

jquery獲取img寬高的操作方法和步驟如下：

1、首先，界面中有一個img，但是js不用於設置其寬度，高度和背景顏色，如下圖所示。

㈥ js如何獲取圖片的高和寬根據我的部分代碼添加完善，謝謝！

用我的這個代碼你測試下!

<script>
var flag=false;
function DrawImage(ImgD,FitWidth,FitHeight){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
</script>
---------------------------------------------------------------
調用:
<img border=0 src=123.jpg onload="javascript:DrawImage(this,500,400);">
其中:寬=500，高=400 可以修改.

㈦ jq創建一個臨時的image對象同時獲取它的寬高

你好，之所以你取到的寬、高都是0，是因為圖片的載入是需要時間的，當你在獲取寬高的時候，圖片載入還沒完成，所以你取不到圖片的寬高。

要獲得正確的圖片寬高，需要等待圖片載入完成，慶幸的是圖片元素載入完成後會觸發load事件，我們只要在load事件中去取寬高就可以了，完整代碼如下：

$(function(){
varsrc="http://img14.360buyimg.com/cms/jfs/t865/11/574654599/41558/deec6fd5/5530ca32N81ba6c76.jpg",
img=$('<imgsrc="'+src+'">');
img.on('load',function(){
varw=img[0].width,
h=img[0].height;
console.log(w,h);//568480
});
});

順帶也解決了src如何設置的問題，希望是你想要的答案，有疑問歡迎追問，望採納~

㈧ JS獲取圖片寬高，急急急~

我這里有個IE下可用的，我以前做過的項目里的：

var tmpObj = new Image();
tmpObj.src = path;
if(tmpObj.width>500){
tmpObj.height = parseInt(500 * tmpObj.height / tmpObj.width);
tmpObj.width = 500;
}
var imgObj = document.getElementById(targetId);
imgObj.src = path;
imgObj.width = tmpObj.width;
imgObj.height = tmpObj.height;
imgObj.style.display = "block";

本文來自CSDN博客，轉載請標明出處：http://blog.csdn.net/chenilu/archive/2009/04/10/4062120.aspx

㈨ C語言中怎樣獲得jpg圖片的寬和高

lt;%
Class ImgWHInfo '獲取圖片寬度和高度的類，支持JPG，GIF，PNG，BMP
Dim ASO
Private Sub Class_Initialize
Set ASO=Server.CreateObject("ADODB.Stream")
ASO.Mode=3
ASO.Type=1
ASO.Open
End Sub
Private Sub Class_Terminate
Err.Clear
Set ASO=Nothing
End Sub

Private Function Bin2Str(Bin)
Dim I, Str
For I=1 To LenB(Bin)
clow=MidB(Bin,I,1)
If ASCB(clow)<128 Then
Str = Str & Chr(ASCB(clow))
Else
I=I+1
If I <= LenB(Bin) Then Str = Str & Chr(ASCW(MidB(Bin,I,1)&clow))
End If
Next
Bin2Str = Str
End Function

Private Function Num2Str(Num,Base,Lens)
Dim Ret
Ret = ""
While(Num>=Base)
Ret = (Num Mod Base) & Ret
Num = (Num - Num Mod Base)/Base
Wend
Num2Str = Right(String(Lens,"0") & Num & Ret,Lens)
End Function

Private Function Str2Num(Str,Base)
Dim Ret,I
Ret = 0
For I=1 To Len(Str)
Ret = Ret *base + Cint(Mid(Str,I,1))
Next
Str2Num=Ret
End Function

Private Function BinVal(Bin)
Dim Ret,I
Ret = 0
For I = LenB(Bin) To 1 Step -1
Ret = Ret *256 + AscB(MidB(Bin,I,1))
Next
BinVal=Ret
End Function

Private Function BinVal2(Bin)
Dim Ret,I
Ret = 0
For I = 1 To LenB(Bin)
Ret = Ret *256 + AscB(MidB(Bin,I,1))
Next
BinVal2=Ret
End Function

Private Function GetImageSize(filespec)
Dim bFlag
Dim Ret(3)
ASO.LoadFromFile(filespec)
bFlag=ASO.Read(3)
Select Case Hex(binVal(bFlag))
Case "4E5089":
ASO.Read(15)
ret(0)="PNG"
ret(1)=BinVal2(ASO.Read(2))
ASO.Read(2)
ret(2)=BinVal2(ASO.Read(2))
Case "464947":
ASO.read(3)
ret(0)="gif"
ret(1)=BinVal(ASO.Read(2))
ret(2)=BinVal(ASO.Read(2))
Case "535746":
ASO.read(5)
binData=ASO.Read(1)
sConv=Num2Str(ascb(binData),2 ,8)
nBits=Str2Num(left(sConv,5),2)
sConv=mid(sConv,6)
While(len(sConv)<nBits*4)
binData=ASO.Read(1)
sConv=sConv&Num2Str(AscB(binData),2 ,8)
Wend
ret(0)="SWF"
ret(1)=Int(Abs(Str2Num(Mid(sConv,1*nBits+1,nBits),2)-Str2Num(Mid(sConv,0*nBits+1,nBits),2))/20)
ret(2)=Int(Abs(Str2Num(Mid(sConv,3*nBits+1,nBits),2)-Str2Num(Mid(sConv,2*nBits+1,nBits),2))/20)
Case "FFD8FF":
Do
Do: p1=binVal(ASO.Read(1)): Loop While p1=255 And Not ASO.EOS
If p1>191 And p1<196 Then Exit Do Else ASO.read(binval2(ASO.Read(2))-2)
Do:p1=binVal(ASO.Read(1)):Loop While p1<255 And Not ASO.EOS
Loop While True
ASO.Read(3)
ret(0)="JPG"
ret(2)=binval2(ASO.Read(2))
ret(1)=binval2(ASO.Read(2))
Case Else:
If left(Bin2Str(bFlag),2)="BM" Then
ASO.Read(15)
ret(0)="BMP"
ret(1)=binval(ASO.Read(4))
ret(2)=binval(ASO.Read(4))
Else
ret(0)=""
End If
End Select
ret(3)="width=""" & ret(1) &""" height=""" & ret(2) &""""
getimagesize=ret
End Function

Public Function imgW(IMGPath)
Dim FSO,IMGFile,FileExt,Arr
Set FSO = Server.CreateObject("Scripting.FileSystemObject")
If (FSO.FileExists(IMGPath)) Then
Set IMGFile = FSO.GetFile(IMGPath)
FileExt=FSO.GetExtensionName(IMGPath)
Select Case FileExt
Case "gif","bmp","jpg","png":
Arr=GetImageSize(IMGFile.Path)
imgW = Arr(1)
End Select
Set IMGFile=Nothing
Else
imgW = 0
End If
Set FSO=Nothing
End Function

Public Function imgH(IMGPath)
Dim FSO,IMGFile,FileExt,Arr
Set FSO = server.CreateObject("Scripting.FileSystemObject")
If (FSO.FileExists(IMGPath)) Then
Set IMGFile = FSO.GetFile(IMGPath)
FileExt=FSO.GetExtensionName(IMGPath)
Select Case FileExt
Case "gif","bmp","jpg","png":
Arr=getImageSize(IMGFile.Path)
imgH = Arr(2)
End Select
Set IMGFile=Nothing
Else
imgH = 0
End If
Set FSO=Nothing
End Function
End Class

IMGPath="Test.jpg"

Set PP = New ImgWHInfo
W = PP.imgW(Server.Mappath(IMGPath))
H = PP.imgH(Server.Mappath(IMGPath))
Set pp = Nothing

Response.Write("<img src='"&IMGPath&"' border=0><br>寬:"&W&";高:"&H)
%>

㈩ js能不能獲取圖片的大小

當然可以，假設網頁上有這樣一個圖片 

<imgid="myimg"src="1.jpg">

使用如下 JS 代碼獲取圖片寬高

varmyimg=document.getElementById('myimg');
console.log(myimg.width+''+myimg.height);

但是如果圖用CSS設置過尺寸，比如圖片原尺寸是 256px * 256px，然後用 CSS 設置為 64px * 64px 上面的代碼獲得的尺寸就是 64px * 64px 。如果想獲得圖片原尺寸的話，可以使用如下代碼

varmyimg=document.getElementById('myimg');
varnewimg=document.createElement('img');
newimg.src=myimg.src;
console.log(newimg.width+''+newimg.height);//這里就是圖片原始寬高了。
閱讀全文

與圖片的寬高是前端獲取的嗎相關的內容

本站內容整理源於互聯網，如有問題請聯系解決。
Copyright design: www.gotrillian.com since 2022