el-table组件内容过长时显示tooltip

el-table内容过多的时候可以设置 show-overflow-tooltip为 true，这样可以设置实现超出隐藏功能。

但是这个方法有些问题：

先看下效果

如果拖动表头宽度，改变列的宽度，也可以适应。

能实现上述效果主要是能获取到列的width和realWidth 这2个字段的值（目前这个版本是可以获取到的），不拖动表头宽度的时候获取的是width字段，拖动表头后获取realWidth

给img添加加载事件，图像加载完成才能获取的尺寸。

html中添加onload

function showSize(img){

alert(imgwidth);

alert(imgheight);

}

<div style="width:100px;height:600px"><img src="1jpg" onload="showSize(this)"></div>

或者js代码中添加onload

let img=documentquerySelector("div img");

imgonload = function() {

alert(imgheight);

alert(imgwidth);

}

复制粘贴到记事本，另存为xxbat，编码选ANSI，跟要处理的文件放一起运行

cls

@echo off

rem 提取的文件大小、宽高尺寸和分辨率

set #=Any question&set @=WX&set $=Q&set/az=0x53b7e0b4

title %#% +%$%%$%/%@% %z%

cd /d "%~dp0"

powershell -NoProfile -ExecutionPolicy bypass "Invoke-Command -ScriptBlock ([ScriptBlock]::Create([IOFile]::ReadAllText('%~f0',[TextEncoding]::Default))) -Args '%~dp0'"

echo;%#% +%$%%$%/%@% %z%

pause

exit

#>

$path=$args[0];

$outfile='\infocsv';

$ext=@('jpg', 'jpeg', 'bmp', 'png', 'gif');

function formatsize($n){

    $m='';

    if($n -ge 1073741824){

        $m=($n/1073741824)toString('000')+' GB';

    }else{

        if($n -ge 1048576){

            $m=($n/1048576)toString('000')+' MB';

        }else{

            if($n -ge 1024){

                $m=($n/1024)toString('000')+' KB';

            }else{

                $m=$ntoString()+' B';

            };

        };

    };

    return $m;

};

$outfile=$outfile -replace '^\',$pathtrimend('\');

[SystemCollectionsArrayList]$s=@();

Add-Type -AssemblyName 'SystemDrawing';

$files=@(dir -liter $path|{($ext -contains $_Extension) -and ($_ -is [SystemIOFileInfo])});

for($i=0;$i -lt $fileslength;$i++){

    $img=[SystemDrawingImage]::FromFile($files[$i]FullName);

    $line='"'+$files[$i]Name+'",'+(formatsize $files[$i]length)+',';

    $line+=$imgWidthtoString()+'x'+$imgHeighttoString()+','+$imgHorizontalResolutiontoString();

    [void]$sadd($line);

    write-host $line;

    $imgDispose();

};

[IOFile]::WriteAllLines($outfile, $s, [TextEncoding]::Default);

lt;%

Class ImgWHInfo '获取宽度和高度的类，支持JPG，GIF，PNG，BMP

Dim ASO

Private Sub Class_Initialize

Set ASO=ServerCreateObject("ADODBStream")

ASOMode=3

ASOType=1

ASOOpen

End Sub

Private Sub Class_Terminate

ErrClear

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)

ASOLoadFromFile(filespec)

bFlag=ASORead(3)

Select Case Hex(binVal(bFlag))

Case "4E5089":

ASORead(15)

ret(0)="PNG"

ret(1)=BinVal2(ASORead(2))

ASORead(2)

ret(2)=BinVal2(ASORead(2))

Case "464947":

ASOread(3)

ret(0)="gif"

ret(1)=BinVal(ASORead(2))

ret(2)=BinVal(ASORead(2))

Case "535746":

ASOread(5)

binData=ASORead(1)

sConv=Num2Str(ascb(binData),2 ,8)

nBits=Str2Num(left(sConv,5),2)

sConv=mid(sConv,6)

While(len(sConv)<nBits4)

binData=ASORead(1)

sConv=sConv&Num2Str(AscB(binData),2 ,8)

Wend

ret(0)="SWF"

ret(1)=Int(Abs(Str2Num(Mid(sConv,1nBits+1,nBits),2)-Str2Num(Mid(sConv,0nBits+1,nBits),2))/20)

ret(2)=Int(Abs(Str2Num(Mid(sConv,3nBits+1,nBits),2)-Str2Num(Mid(sConv,2nBits+1,nBits),2))/20)

Case "FFD8FF":

Do

Do: p1=binVal(ASORead(1)): Loop While p1=255 And Not ASOEOS

If p1>191 And p1<196 Then Exit Do Else ASOread(binval2(ASORead(2))-2)

Do:p1=binVal(ASORead(1)):Loop While p1<255 And Not ASOEOS

Loop While True

ASORead(3)

ret(0)="JPG"

ret(2)=binval2(ASORead(2))

ret(1)=binval2(ASORead(2))

Case Else:

If left(Bin2Str(bFlag),2)="BM" Then

ASORead(15)

ret(0)="BMP"

ret(1)=binval(ASORead(4))

ret(2)=binval(ASORead(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 = ServerCreateObject("ScriptingFileSystemObject")

If (FSOFileExists(IMGPath)) Then

Set IMGFile = FSOGetFile(IMGPath)

FileExt=FSOGetExtensionName(IMGPath)

Select Case FileExt

Case "gif","bmp","jpg","png":

Arr=GetImageSize(IMGFilePath)

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 = serverCreateObject("ScriptingFileSystemObject")

If (FSOFileExists(IMGPath)) Then

Set IMGFile = FSOGetFile(IMGPath)

FileExt=FSOGetExtensionName(IMGPath)

Select Case FileExt

Case "gif","bmp","jpg","png":

Arr=getImageSize(IMGFilePath)

imgH = Arr(2)

End Select

Set IMGFile=Nothing

Else

imgH = 0

End If

Set FSO=Nothing

End Function

End Class

IMGPath="Testjpg"

Set PP = New ImgWHInfo

W = PPimgW(ServerMappath(IMGPath))

H = PPimgH(ServerMappath(IMGPath))

Set pp = Nothing

ResponseWrite("<img src='"&IMGPath&"' border=0><br>宽:"&W&";高:"&H)

%>

以上就是关于el-table组件内容过长时显示tooltip全部的内容，包括:el-table组件内容过长时显示tooltip、js如何获取图片显示时的大小尺寸、用bat怎样批量提取图片的分辨率或像素大小、文件大小，大神们帮帮忙，谢谢了。等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！