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);      
asp.net core mvc 图片的处理、图片缩放
10-30
- **缩放**：`Image.Mutate(x => x.Resize(width, height))`可以对图片进行等比例缩放，`width`和`height`分别为目标宽度和高度。如果需要非等比例缩放，可以使用`Resize()`方法的其他重载版本。 - **裁剪**：若...
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，那么如果图片大了就会将整个页面挤乱，图片小了又会使图片失真。 我的需求如下： 预先定义好图片显示的标准宽度和高度。 如果图片的大小超过了标准定义，那么等
类似QQ日志的编辑器，控制图片大小，源码，asp.net
02-20
标题和描述中提到的是一个基于ASP.NET开发的编辑器，它的功能类似于QQ日志编辑器，具备图片大小控制的功能。这意味着这个编辑器允许用户在发布内容时上传图片，并能对这些图片的尺寸进行调整，以适应不同的展示需求...
asp.net 控件随着窗口大小按比例变化源码
11-16
这个示例可能包括了一个ASP.NET Web Forms页面，其中的控件（如表格、图片、按钮等）在页面加载或窗口大小改变时，其尺寸能够按照预设规则自动调整。 总之，学习如何在ASP.NET中实现控件随窗口大小按比例变化，可以...
asp.net压缩图片
03-14
这段代码首先读取源图片，然后根据指定的宽度进行等比例缩放，以保持原始宽高比。接着，创建一个MemoryStream对象，将压缩后的图片保存到内存流中，设置JPEG格式和质量参数。最后，将内存流中的图片保存到目标路径。...
用asp.net调整图像大小
04-01
标题“用asp.net调整图像大小”和描述“借助asp.net和vb.net调整超大尺寸图像的大小”指向了如何有效地处理和优化上传的图像，特别是对于那些尺寸过大的图片。在Web开发中，这通常涉及到图像缩放、裁剪或质量调整，...
将大图片按比例缩小ASP类
09-05
'功能介绍: ' 将大图片按比例缩小到指定范围里显示,可选浮动层。 ' '属性: ' src:字串,图片的URL路径,必选参数 ' owidth:整形,输出最大宽度,必选参数 ' oheigh:整形,输出最大高度,必选参数 ' style:字串,输出图片的样式(),可选参数 ' ID:字串,图片ID,必选参数 ' Border,整形,图片边框宽度 ' Output,只读,半输出,用法:<img src="images/xxx.jpg" ' img,只读,全输出,用法: <%=clsimg.img%＞ ' '方法: ' makediv(width,height),只能在生成对像后,在TD标签或BODY中调用,作用是输出浮动层.参数是浮动层的大小 ' doit(),在属性设置完毕后或更改过SRC、owidth、oheigh属性后需调用此方法，与SRC一起常用在循环体内。 ' '演示网站：http://www.gdhansheng.com '作者联系：0041-jack@163.com
JQuery实现图片缩放
08-19
JQuery之张一山、周冬雨实现图片缩放
4种JS图片放大缩小效果
12-20
4种JS图片放大缩小效果，总有一种是你想要的。不论死的还是活的。请帮忙顶
如何使用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 1758
这是动网论坛上一个朋友写的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 5044
/***** 作者: william Lin 功能: 让图片按比例进行缩放显示 技术: Asp.net *******/ 算法分析： 设加载的图片为：宽=Weight 高= height 那么比例就为    K = Weight/height ===================  为达到最大高宽为 90 所以算法如下所示 核心只要按照比例K，计算出最终的宽和高就可以了
ASP.NET将原始图片按照指定尺寸等比例缩放显示图片
weixin_30652491的博客
12-19 416
网站上可能会有很多图片，比如产品图片等，而且他们可能大小不一，宽度和高度也不一定一样，有的很大有的很小。如果放在一张网页上，可能会破坏版面，但是如果强制让他们按照指定的宽度和高度显示，因为比例不同还会出现变形，显示效果很糟糕，还有最大的缺点是，文件尺寸丝毫没有变化，当图片很大的时候，用户想要看到图片，必须经过漫长等待下载图片，怎么办呢？ 好，这里涉及到了缩略图，就像Windows中的缩略图查看一...
ASP.NET 编程实现图片尺寸调整
这两个方法结合使用，可以实现在ASP.NET环境中动态调整图片大小的功能。这种方法在处理用户上传的图片时特别有用，比如在创建缩略图、适应不同设备屏幕或者限制服务器存储空间时。需要注意的是，调整图片大小可能会...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值