ASP控制图片显示的大小（等比例缩放）

最新推荐文章于 2020-12-22 12:41:47 发布
最新推荐文章于 2020-12-22 12:41:47 发布
阅读量2.1k 收藏
点赞数
分类专栏： WEB设计 文章标签： asp javascript image border function html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/listen/article/details/131761
版权

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
<!--
var flag=false;
function DrawImage(ImgD){
 var image=new Image();
 image.src=ImgD.src;
 if(image.width>0 && image.height>0){
  flag=true;
  if(image.width/image.height>= 164/112){
   if(image.width>164){
    ImgD.width=164;
    ImgD.height=(image.height*164)/image.width;
   }else{
    ImgD.width=image.width;
    ImgD.height=image.height;
   }
   ImgD.alt=image.width+"x"+image.height;
  }
  else{
   if(image.height>112){
    ImgD.height=112;
    ImgD.width=(image.width*112)/image.height;
   }else{
    ImgD.width=image.width;
    ImgD.height=image.height;
   }
   ImgD.alt=image.width+"x"+image.height;
  }
 }
}
//-->
</script>
</HEAD>

<BODY>

<a href="./img.jpg" target="_blank"><img src="./img.jpg" border="0" width="164" height="112" οnlοad="javascript:DrawImage(this);"></a>
</BODY>
</HTML>

listen
关注
专栏目录
用js控制图片的等比例缩放
qq_26516097的博客
10-12 199
// 初次加载页面 setTimeout(function(){             $(".img-responsive").each(function(){                 var rw=$(this).get(0).offsetWidth;                                 var rh=rw*(463/640);      
js等比例缩放页面图片大小
07-25
js等比例缩放页面图片大小 // JavaScript Document function handle_img(tagimg_name,tagimg_width,tagimg_height){ var img_object=new Image(); var get_imgs=document.getElementsByName(tagimg_name); for(var i=0 ; i<get_imgs.length ; i++){ img_object.src=get_imgs[i].src; //上传的图片宽高均在tagimg_width和tagimg_height以内。则原图片显示 if(img_object.width<=tagimg_width && img_object.height<=tagimg_height){ get_imgs[i].height=img_object.height; get_imgs[i].width=img_object.width; } //如果宽度超过了tagimg_width if(img_object.width>tagimg_width){ if(tagimg_width/img_object.width*img_object.height>tagimg_height){ var w_width=tagimg_width/img_object.width*img_object.height; get_imgs[i].width=(tagimg_height/w_width)*tagimg_width; get_imgs[i].height=tagimg_height; }else{ get_imgs[i].height=tagimg_width/img_object.width*img_object.height; get_imgs[i].width=tagimg_width; } } //如果高度超过了tagimg_height if(img_object.height>tagimg_height){ if(tagimg_height/img_object.height*img_object.width>tagimg_width){ var h_height=tagimg_height/img_object.height*img_object.width; get_imgs[i].height=(tagimg_width/h_height)*tagimg_height; get_imgs[i].width=tagimg_width; }else{ get_imgs[i].width=tagimg_height/img_object.height*img_object.width; get_imgs[i].height=tagimg_height; } } } } //handle_img(tagimg_name,tagimg_width,tagimg_height) 页面加载完毕后调用该函数即可 //第一个参数为 页面当中img标记的name值 //第二个参数为 将要设定预览图片的宽度 //第三个参数为 将要设定预览图片的高度
js 图片加载时 按比例设置图片宽高_JS控制图片显示的大小（图片等比例缩放）...
weixin_39831242的博客
12-22 272
最新javascript自动按比例显示图片，按比例压缩图片显示functionAutoResizeImage(maxWidth,maxHeight,objImg){varimg= newImage();img.src=objImg.src;varhRatio;varwRatio;varRatio= 1;varw=img.width;varh=img.height;wRatio=maxWidth/w...
js控制图片显示的大小
紫藤阁
03-27 885
New Document var flag=false; function DrawImage(ImgD){ var image=new Image(); image.src="http://www.blog.com.cn/ImgD.src"; if(image.width>0 && image.height>0){ flag=true; if(image.width/image.hei
JS控制图片显示的大小（图片等比例缩放）
hold~住的专栏
12-22 1623
转自：http://darksc.xyz/post/auto-resize-image/ javascript | 08 12, 2015 在Web上显示图片，通常都会有图片显示比例问题，如果不给限制width和height，那么如果图片大了就会将整个页面挤乱，图片小了又会使图片失真。 我的需求如下： 预先定义好图片显示的标准宽度和高度。 如果图片的大小超过了标准定义，那么等
asp.net core mvc 图片的处理、图片缩放
10-30
- **缩放**：`Image.Mutate(x => x.Resize(width, height))`可以对图片进行等比例缩放，`width`和`height`分别为目标宽度和高度。如果需要非等比例缩放，可以使用`Resize()`方法的其他重载版本。 - **裁剪**：若...
类似QQ日志的编辑器，控制图片大小，源码，asp.net
02-20
标题和描述中提到的是一个基于ASP.NET开发的编辑器，它的功能类似于QQ日志编辑器，具备图片大小控制的功能。这意味着这个编辑器允许用户在发布内容时上传图片，并能对这些图片的尺寸进行调整，以适应不同的展示需求...
asp.net压缩图片
03-14
这段代码首先读取源图片，然后根据指定的宽度进行等比例缩放，以保持原始宽高比。接着，创建一个MemoryStream对象，将压缩后的图片保存到内存流中，设置JPEG格式和质量参数。最后，将内存流中的图片保存到目标路径。...
用asp.net调整图像大小
04-01
标题“用asp.net调整图像大小”和描述“借助asp.net和vb.net调整超大尺寸图像的大小”指向了如何有效地处理和优化上传的图像，特别是对于那些尺寸过大的图片。在Web开发中，这通常涉及到图像缩放、裁剪或质量调整，...
ASP.NET源码——上传图片生成缩略图、图片水印、文字水印.zip
10-10
开发者可以设置文件大小限制、文件类型检查等安全性措施，确保上传过程的安全。 2. 生成缩略图： 生成缩略图通常涉及到图像处理库，如System.Drawing或更先进的ImageSharp。通过读取原始图片，调整尺寸，然后保存为...
如何使用JS等比例改变显示图片的大小
LeeJay5的专栏
10-31 3599
当你在JSP页面或是HTML页面，显示图片需要控制其大小时，则可以使用以下方法： 法一：        function imgSize(ImgD,imgW,imgH){     var image=new Image();     image.src=ImgD.src;     if(image.width>0 && image.height>0){      if(image
ASP 实现图片等比例缩放 函数 imgInfo
iceidea的专栏
08-11 373
'=========================='Define Class imgInfo '==========================Class imgInfo dim aso Private Sub Class_Initialize set aso=CreateObject("Adodb.Stream") aso.Mode=3 aso.Type=1 aso.Open End S...
asp.net 控制显示图片的大小
DO_NOTHING的专栏
04-26 1849
1、Gridview中的ImageField，在标记中加入ControlStyle-Width asp:ImageField DataImageUrlField="SmallPic" NullDisplayText="图ª?片?"                      ControlStyle-Width="128px" ShowHeader="False">         
利用ASP得到图片尺寸大小
Goaler's Blog
10-25 1757
这是动网论坛上一个朋友写的imgpath="default_22.gif" set  pp=new  imgInfo   w = pp.imgW(server.mappath(imgpath))   h = pp.imgH(server.mappath(imgpath))  set pp=nothing  response.write "宽:"&w&";高:"&hClass  imgI
Asp.net 让图片按比例进行缩放显示
William Lin 的专栏
10-11 5043
/***** 作者: william Lin 功能: 让图片按比例进行缩放显示 技术: Asp.net *******/ 算法分析： 设加载的图片为：宽=Weight 高= height 那么比例就为    K = Weight/height ===================  为达到最大高宽为 90 所以算法如下所示 核心只要按照比例K，计算出最终的宽和高就可以了
ASP.NET将原始图片按照指定尺寸等比例缩放显示图片
weixin_30652491的博客
12-19 416
网站上可能会有很多图片，比如产品图片等，而且他们可能大小不一，宽度和高度也不一定一样，有的很大有的很小。如果放在一张网页上，可能会破坏版面，但是如果强制让他们按照指定的宽度和高度显示，因为比例不同还会出现变形，显示效果很糟糕，还有最大的缺点是，文件尺寸丝毫没有变化，当图片很大的时候，用户想要看到图片，必须经过漫长等待下载图片，怎么办呢？ 好，这里涉及到了缩略图，就像Windows中的缩略图查看一...
利用ASP获取设置图片尺寸大小
踏浪飞鸿的专栏
02-06 4191
%imgpath="default_22.gif"response.write ""&imgpath&" border=0 "&SetAutoImg(280,260,imgpath)&">宽:"&GetImgW(ImgPath)&";高:"&GetImgH(ImgPath)function GetImgW(ImgPath)    set pp=new imgInfo     w=pp.img
利用aSP获得图象的实际尺寸的示例
Air的博客
06-15 415
利用aSP获得图象的实际尺寸的示例dbtable.asp<%   graphic="images/learnaspiconmain.gif"   HW = ReadImg(graphic)   Response.Write graphic & " Dimensions: " & HW(0) & "x" & HW(1) & ""   response.writ
图片的显示及按比例自动缩放
qq_41760419的博客
04-11 903
（1）在aspx页面加入img标签： <div style="overflow: hidden"> <asp:Image ID="imgkey" CssClass="imgwidth" runat="server" /> </div> （2）js版按比例缩放 <script type="text/javascript"...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值