当前位置：首页 » 网页前端 » 图片的宽高是前端获取的吗
扩展阅读
提分平台的账号密码是什么 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