微信扫一扫2.8w+
社区成员
根据需要控制图片大小的 问题
我想用ASP来 控制<image>的〈width,height>属性
实际上就是想 自己计算来实现缩 的目的
因为，有时 显示的相片过大，会坏掉页面，如果都设置成一样呢比例就变了
所以想在服务器输出前先获得其实际大小，再计算一番，再写到“width,height里
关键是怎么获得其实际‘width,height呢 （不是从数据库里）
实际上就是想 自己计算来实现缩 的目的
因为，有时 显示的相片过大，会坏掉页面，如果都设置成一样呢比例就变了
所以想在服务器输出前先获得其实际大小，再计算一番，再写到“width,height里
关键是怎么获得其实际‘width,height呢 （不是从数据库里）
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
flyintosky555 2004-07-21
http://community.csdn.net/Expert/topic/2869/2869419.xml?temp=.2892725
完美解决方案
完美解决方案
- 打赏
- 举报
zzsdream 2004-07-21
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function setImage()
{
var baseW = 205;
var baseH = 217;
var nowW = document.all.myImage.width;
var nowH = document.all.myImage.height;
var nowS;
if(nowW > nowH && nowW > baswW) nowS = nowW / baseW;
else if(nowH > nowW && nowH > baseH) nowS = nowH / baseH;
document.all.myImage.width *= nowS;
document.all.myImage.height *= nowS;
}
</script>
</head>
<body>
<img src="胖老鼠工作室Logo.png" name="myImage" width="380" height="102" id="myImage"> <a href="#" onClick="setImage(0.5,0.5)">修改大小</a> <a href="#">还原大小</a></body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="javascript">
function setImage()
{
var baseW = 205;
var baseH = 217;
var nowW = document.all.myImage.width;
var nowH = document.all.myImage.height;
var nowS;
if(nowW > nowH && nowW > baswW) nowS = nowW / baseW;
else if(nowH > nowW && nowH > baseH) nowS = nowH / baseH;
document.all.myImage.width *= nowS;
document.all.myImage.height *= nowS;
}
</script>
</head>
<body>
<img src="胖老鼠工作室Logo.png" name="myImage" width="380" height="102" id="myImage"> <a href="#" onClick="setImage(0.5,0.5)">修改大小</a> <a href="#">还原大小</a></body>
</html>
- 打赏
- 举报
zql2008 2004-05-08
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/80){
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+"×"+image.height;
}
else{
if(image.height>80){
ImgD.height=80;
ImgD.width=(image.width*80)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>
看一看这个你就懂了
还有这一句<img src="uploadimage/2004228202418.jpg" alt="点击放大"width="110" height="80" border="0" onload="javascript:DrawImage(this);">
看一看吧,呵呵
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 164/80){
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+"×"+image.height;
}
else{
if(image.height>80){
ImgD.height=80;
ImgD.width=(image.width*80)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
//-->
</script>
看一看这个你就懂了
还有这一句<img src="uploadimage/2004228202418.jpg" alt="点击放大"width="110" height="80" border="0" onload="javascript:DrawImage(this);">
看一看吧,呵呵
- 打赏
- 举报
huidan 2004-05-08
UP
- 打赏
- 举报
huidan 2004-05-08
UP
- 打赏
- 举报
huidan 2004-05-08
tianjy(老田
________压力大不是问题啊
请问该怎么从服务器端得到啊？？
________压力大不是问题啊
请问该怎么从服务器端得到啊？？
- 打赏
- 举报
tianjy 2004-05-08
服务器端在输出的时候得到高度和宽度对服务器的压力比较大
上传时,就得到图片的高宽你就要把这个数据保存到数据库中，跟楼主的要求不一致
上传时,就得到图片的高宽你就要把这个数据保存到数据库中，跟楼主的要求不一致
- 打赏
- 举报
dullwolf 2004-05-05
上传时,就得到图片的高宽
- 打赏
- 举报
huidan 2004-05-05
哦，谢了，看来还是只哟在客户段搞定
- 打赏
- 举报
wanghr100 2004-05-05
那,你就得在图片上传时,就得到图片的高宽.
Adodb.Stream取得图像的高宽
http://www.blueidea.com/tech/program/2003/99.asp
To:楼上的.是在客户端显示了图片.才得到图片的高宽.
Adodb.Stream取得图像的高宽
http://www.blueidea.com/tech/program/2003/99.asp
To:楼上的.是在客户端显示了图片.才得到图片的高宽.
- 打赏
- 举报
huidan 2004-05-05
这个方法是行，可以在输出后处理
那我要是要在输出前处理呢
那我要是要在输出前处理呢
- 打赏
- 举报
tianjy 2004-05-05
<img src=http://www.tian91.com/1.jpg id=pic1 name=pic1>
<input type=button name=b1 id=b1 value=适合>
<script language=vbscript>
sub b1_onclick
pic1.width=100
pic1.height=pic.height*100/pic1.width
end sub
</script>
<input type=button name=b1 id=b1 value=适合>
<script language=vbscript>
sub b1_onclick
pic1.width=100
pic1.height=pic.height*100/pic1.width
end sub
</script>
- 打赏
- 举报
huidan 2004-05-05
UP
- 打赏
- 举报
html中div图片大小,如何用DIV+CSS控制图片大小范围？ 牧羊人nacy使用CSS max-width和max-height实现图片自动等比例缩小很简单我们要使用到max-width和max-height,这样即可设置对象图片最大...但这样存在一个问题，如果按照宽度缩放，但图片过高会超出溢出盒子，这个时...
html图片自动适应盒子,图片尺寸自动适应div（div控制图片大小自适应） 全部代码：htmlPUBLIC"-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.picbox{width:200px; /*此处200为盒子的宽度*/height:200px; /*此处200为盒子的高度*...
html页面调节图片大小,怎么用css设置图片大小？ 下面本篇文章举例讲解怎么用css设置图片大小，有需要的朋友可以参考一下，希望对大家有所帮助。使用css设置图片大小1、新建一个html文件，命名为test.html，用于讲解CSS怎么改变图片的大小。2、在test.html文件中，...
markdown如何设置图片大小_Markdown 调整图片位置与大小 调整图片大小等比缩放固定宽高参考文献1.图片语法格式插入图片后，Markdown 表示图片的语法格式如下：2.调整图片位置使用 Markdown 编写文档或博客时，经常需要对图片的位置与尺寸进行调整...
html用css设置图片大小,css如何设置图片大小？ 我们在布局图片列表时，通常我们要控制图片的高度和宽度这样来达到图片统一。下面我们来看一下使用css设置图片大小的方法。我们可以直接在图片标签设置宽度width和高度height，这里需要注意的是HTML img标签内直接...
android button 图片 大小设置,android 中怎么控制ImageButton 上的图片与按钮大小的匹配... ImageButton 是ImageView的子类，ImageView中可以通过Scaletype来设置图片的缩放大小等。ImageView的Scaletype决定了图片在View上显示时的样子，如进行何种比例的缩放，及显示图片的整体还是部分，等等。设置的方式...
html中修改图片大小的标签,css如何设置图片的大小？ 我们在布局图片列表时，通常我们要控制图片的高度和宽度这样来达到图片统一。那么如何设置图片的大小？下面本篇文章就来给大家介绍一下CSS设置图片大小的方法，希望对大家有所帮助。在CSS中，可以通过设置图片img...
java如何改变图片大小_如何在Java中调整图片大小？ 您好，我有一个QR码图像，我想调整它的大小，当我尝试使用此代码将其调整为小图像时，我总是得到模糊的图像，并且扫描时QR码不再有效，但是当我使用相同的代码将大小调整为大尺寸图像时，它可以正常工作：public ...
css 图片大小自适应div,css让图片自适应容器（div）大小 咱们在写页面的时候常常会遇到须要图片...css 123备注一下这里的图片大小为200x200pxpromisediv {width:400px;height:400px;border:1px solid #000;}img {width:100%;height:100%;}123456789无论容器有多大，只...
html语言 图片大小,html如何设置图片大小 问题分析：1、首先你是通过第...2、如果你插入的图片是通过标签的方式来插入的话，可以通过自身的属性控制图片大小，代码格式是：。3、如果非要通过css控制背景图片的大小，可以通过background-size样式来实现，具体...
css固定图片大小 vue_img设置图片大小 vue_如何改变图片大小 我们进行网页设计的时候图片有时候可以会不符合大小，那我们怎么样才能在代码中实现图片大小的改变呢？本篇文章就来给大家介绍关于如何改变图片的大小？我们改变图片的大小有两种方法：一种是在HTML标签内更改宽度和...
matlab 保存图片大小尺寸_Matlab中保存图像时,图形窗口大小的控制 Matlab中保存图像时，图形窗口大小的控制zz首先要了解的是Matlab是面向对象的。最高等级的对象是screen，它定义了figure可以用的最大szie。screen下面是figure。figue就是你画图的时候跳出来的那个新的对话窗口。...
python自适应图片大小_pixmap和label设置图片自适应大小 在label中添加pixmap来显示图片时，当图片过大时图片显示不全。1.这时可以使用pixmap的scared()方法，来设置图片缩放。QPixmap QPixmap.scaled (self, intw, inth, Qt.AspectRatioModeaspectMode=Qt....
springboot 上传图片大小_springboot上传文件并检查图片大小与格式 } } php用jquery-ajax上传多张图片限制图片大小 php用jquery-ajax上传多张图片限制图片大小 /** * 上传图片,默认大小限制为3M * @param String $fileInputName * @param number $siz ... springBoot上传文件时...
vb中怎么使图片适应框的大小_怎么让放进的图片随框大小而变 2013-01-30浏览：6次如何让放进的图片随框大小而变有一个图片,可以随进放进新图片,替换旧图图片,但问题是放进的新图片无法随原框的大小,而放不满一个框或比框大.那位能将下面的代码改一下,要求不论原图多大,放进此框...
android如何设置自适应大小的背景图片,如何调整背景图片大小以适应Android中的应用程序屏幕大小... 我尝试了你的xml几乎没有增强功能android:layout_width="match_parent"android:layout_height="match_parent"android:background="@drawable/walking" >android:id="@+id/textView5"android:layout_width="wrap_...
志愿者报名图片大小调整 刚开始直接用电脑默认的图片软件进行修改，在达到尺寸要求之后，文件大小却始终小于100KB，很是苦恼。 后来找到了一种方法，成功地达到了要求！如下！ ————————————————————————————...
vue设置img大小的属性_vue-quill-editor图片大小修改 vue-quill-editor相关文档：https://github.com/surmon-china/vue-quill-editorvue-quill-editor添加图片大小修改。简单效果图：image.png1.安装npm install quill-image-resize-module quill-image-drop-module --...
