服务器之家

服务器之家 > 正文

asp正则html的图片,对图自动缩放大小

时间:2019-09-28 11:52     来源/作者:asp技术网

下面这个是比较不错的一个

复制代码代码如下:


Function FormatImg2(content) 
           dim re 
           Set re=new RegExp 
           re.IgnoreCase =true 
           re.Global=True 
           re.Pattern="(script)" 
           Content=re.Replace(Content,"script") 
           re.Pattern="<img.[^>]*src(=| )(.[^>]*)>" 
         Content=re.replace(Content,"<img src=$2  style=""cursor: pointer"" alt=""点此在新窗口浏览图片"" onclick=""javascript:window.open(this.src);"" onload=""javascript:resizepic(this)"" border=""0""/>") 
          set re = nothing 
          FormatImg = content 
        end function


上面有点不好的就是对于图片中的宽度和高度都不存在了

复制代码代码如下:


Function getphoto(strHTML)  
Dim objRegExp, Match, Matches  
Set objRegExp = New Regexp 
objRegExp.IgnoreCase = True  
objRegExp.Global = True  
objRegExp.Pattern = "<img.+?>"  
tp="" 
Set Matches = objRegExp.Execute(strHTML) 
For Each Match in Matches  
tp=tp & Match.value  
exit for 
Next  
getphoto=tp 
Set objRegExp = Nothing  
End Function 


下面的代码时进行图片按比例缩放 

复制代码代码如下:


function ResizeImage(imageid,limitWidth,limitHeight)  
{      
    var image = new Image();  
    image.src = imageid.src;  

    if(image.width <= 0 && image.height <= 0) return;  

    if(image.width/image.height >= limitWidth/limitHeight)  
    {  
        if(image.width > limitWidth)  
        {  
            imageid.width = limitWidth;  
            imageid.height = (image.height*limitWidth)/image.width;  
        }  
    }  
    else if(image.height > limitHeight)  
    {  
            imageid.height = limitHeight;  
            imageid.width = (image.width*limitHeight)/image.height;       
    }  

    if (imageid.parentElement.tagName != "A")  
    {  
        imageid.onclick = function(){window.open(this.src);}  
        imageid.style.cursor = "hand";  
    }  
}  

window.onload = InitImages; 
function InitImages()  
{  
//图片的约束宽度和高度 
   var maxWidth = 100;  
    var maxHeight = 100;  
    var imgs = document.getElementsByTagName("img");  
    for(var i=0; i < imgs.length; i++)  
    {  
        var img = imgs;  
        if(img.width>maxWidth||img.height>maxHeight)  
            ResizeImage(img, maxWidth, maxHeight);  
    }  

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部