社区
Web 开发
帖子详情
一个关于图片大小转换问题,很简单,解决了就给分(50分)
lovejklzs
2006-03-13 03:46:16
我要实现图片大小转换的问题,就是咱们常见的点击小图片显示原图的方法,我不知道怎么把原图压缩成小图还不改变效果.应该怎么解决啊大虾们?
...全文
186
4
打赏
收藏
一个关于图片大小转换问题,很简单,解决了就给分(50分)
我要实现图片大小转换的问题,就是咱们常见的点击小图片显示原图的方法,我不知道怎么把原图压缩成小图还不改变效果.应该怎么解决啊大虾们?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lovejklzs
2006-03-13
打赏
举报
回复
呵呵,谢了,你说的很有道理,如果可以的话,能加我为QQ好友吗?有时间讨教讨教!
QQ:251089975
SDMRauquin
2006-03-13
打赏
举报
回复
...2000*1000,这个文件要 1M 以上大了吧。一般不会允许上传这么大的图片。不只上传时间久,容易传不上。到时候打开页面的时间也是很久的。网络慢点,网页就打不开了。
一般我们做的都只允许上传100K以下的gif和jpg格式的图片。
lovejklzs
2006-03-13
打赏
举报
回复
这位仁兄的方法很好,在下表示感谢,但我还是觉得当image的大小比较大时,如2000*1000的,在显示小图时,虽然是按比例来缩小的,但我还是看到了失真(严重),请问,就只有这种方法了吗?还是你是否觉得没有必要处理这么大的图片呢?谢谢!!!
SDMRauquin
2006-03-13
打赏
举报
回复
不用压缩吧
只是用段Js把他按照一定的大小显示,长宽比例不失真;
<script language="javascript" type="text/javascript">
var flag=false;
function DrawImage(ImgD){
var image=new Image();
var iwidth=100; //定义允许图片宽度
var iheight=100; //定义允许图片高度
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= iwidth/iheight){
if(image.width>iwidth){
ImgD.width=iwidth;
ImgD.height=(image.height*iwidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>iheight){
ImgD.height=iheight;
ImgD.width=(image.width*iheight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
}
</script>
<img src="caexpo_pic/letterPicture/<bean:write name='companyLetter' property='picture'/>" onload=DrawImage(this) border="0"> // 在img 用onload ,并且不要定义 width 和height
解决
BootStrap轮播图片中
图片大小
和父div不一致
问题
其实这个
问题
相当
简单
,自己鼓捣好久,才发现还是自己基本功不扎实,当图片的大小出现在原生的bootstrap类属性限定中,图片会按照自己的大小进行布局,这样就会出现图片小于父div的情况,如下图所示:
问题
解决
...
大小端
转换
(一篇文章了解所有情况下的大小端
转换
方法)
总述:大小端
转换
(一篇文章了解所有情况下的大小端
转换
方法) 字节间 字节内 大端 低地址的数据放在高字节 位域:先从低地址对应数据字节的高bit开始
分
配 小端 低地址的数据放在低字节 位域:先从...
微信背景图太大了怎么缩小?
图片大小
转换
的方法
通过
简单
的图片尺寸修改,可以将图片尺寸调整到我们需要的大小,在面对因为尺寸大小不合适无法上传时,就可以利用这款图片处理工具来
解决
。以上就是通过压缩图来调整图片尺寸的全部内容了,除此之外,如果还有图片...
全面掌握图片格式
转换
:万能工具教程
简介:在数字时代,图片格式
转换
对于设计师、摄影师和普通用户而言是一项基础而关键的技能。...
转换
功能涉及兼容性
解决
、文件大小优化、版权保护和特定功能需求,例如支持透明度
转换
等。教程...
webp图片怎么批量
转换
成jpg等常用格式
这个很
简单
,用
一个
网站就
解决
了,网站名字叫做:webp2jpg。 使用该网站,不用上传图片文件,直接添加图片,或者将图片拖进去,就可以了。
转换
速度也特别快,嗖的一下就完成了。该网站也可以批量
转换
图片,一起拖...
Web 开发
81,122
社区成员
341,744
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章