读书人

如何把图片缩小一点100结贴率

发布时间: 2013-06-25 23:45:41 作者: rapoo

怎么把图片缩小一点,100结贴率
如下图, <td width="25%" rowspan="4">
<img style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Manager/UpLoadFile/<%#Eval("OrganizationCode").ToString()!= "0" ? Eval("OrganizationCode") : "暂无.jpg"%>" />


</td>图片路径是直接在前台绑定的, 现在的问题是, 如果上传的图片太大,整个table就很难看,,有没有什么办法,不管图片有多大可以把图片缩小与td设定的高宽一样大,,只有这么多分, 请大神帮忙。。如何把图片缩小一点,100结贴率 图片 比例缩小
[解决办法]
设置img的宽度高度不行吗
[解决办法]
最好在上传的时候对文件有个限定,要不只限制图片大小,既是能限制图片清晰度也是个问题啊,所以感觉还是对图片大小及宽度长度进行限制比较好.
[解决办法]

 #region 缩略图
/// <summary>
/// 生成缩略图
/// </summary>
/// <param name="originalImagePath">源图路径(物理路径)</param>
/// <param name="thumbnailPath">缩略图路径(物理路径)</param>
/// <param name="width">缩略图宽度</param>
/// <param name="height">缩略图高度</param>
/// <param name="mode">生成缩略图的方式</param>
public static void MakeThumbnail(string originalImagePath, string thumbnailPath, int width, int height, string mode)
{
System.Drawing.Image originalImage = System.Drawing.Image.FromFile(originalImagePath);

int towidth = width;
int toheight = height;

int x = 0;
int y = 0;
int ow = originalImage.Width;
int oh = originalImage.Height;

switch (mode)
{
case "HW": //指定高宽缩放(可能变形)
break;
case "W": //指定宽,高按比例


toheight = originalImage.Height * width / originalImage.Width;
break;
case "H": //指定高,宽按比例
towidth = originalImage.Width * height / originalImage.Height;
break;
case "Cut": //指定高宽裁减(不变形)
if ((double)originalImage.Width / (double)originalImage.Height > (double)towidth / (double)toheight)
{
oh = originalImage.Height;
ow = originalImage.Height * towidth / toheight;
y = 0;
x = (originalImage.Width - ow) / 2;
}
else
{
ow = originalImage.Width;
oh = originalImage.Width * height / towidth;
x = 0;
y = (originalImage.Height - oh) / 2;
}
break;
default:
break;
}

//新建一个bmp图片
System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight);

//新建一个画板
System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);

//设置高质量插值法
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;



//设置高质量,低速度呈现平滑程度
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

//清空画布并以透明背景色填充
g.Clear(System.Drawing.Color.Transparent);

//在指定位置并且按指定大小绘制原图片的指定部分
g.DrawImage(originalImage, new System.Drawing.Rectangle(0, 0, towidth, toheight), new System.Drawing.Rectangle(x, y, ow, oh), System.Drawing.GraphicsUnit.Pixel);

try
{
//以jpg格式保存缩略图
bitmap.Save(thumbnailPath, System.Drawing.Imaging.ImageFormat.Jpeg);
}
catch (System.Exception e)
{
throw e;
}
finally
{
originalImage.Dispose();
bitmap.Dispose();
g.Dispose();
}
}
#endregion


[解决办法]
<img style="width:100px;height:100px;"
[解决办法]
用jq去处理:
1先通过offset 函数获取td的长宽;
2.再通过css函数(eg:$("#personimg").css({ width: "100px",height: "100px" });)来赋值
[解决办法]
图片是亮点~~ 版主呢 如何把图片缩小一点,100结贴率
[解决办法]
用脚本控制图片
[解决办法]
1、上传时对图片的长、宽进行验证,严格要求上传图片的大小
2、在前台卡死图片显示的尺寸,设置width;height等属性
[解决办法]
引用:
 #region 缩略图
/// <summary>
/// 生成缩略图
/// </summary>
/// <param name="originalImagePath">源图路径(物理路径)</param>
/// <param name="thumbnailPath">缩略图路径(物理路径)</param>
/// <param name="width">缩略图宽度</param>
/// <param name="height">缩略图高度</param>
/// <param name="mode">生成缩略图的方式</param>
public static void MakeThumbnail(string originalImagePath, string thumbnailPath, int width, int height, string mode)
{
System.Drawing.Image originalImage = System.Drawing.Image.FromFile(originalImagePath);



int towidth = width;
int toheight = height;

int x = 0;
int y = 0;
int ow = originalImage.Width;
int oh = originalImage.Height;

switch (mode)
{
case "HW": //指定高宽缩放(可能变形)
break;
case "W": //指定宽,高按比例
toheight = originalImage.Height * width / originalImage.Width;
break;
case "H": //指定高,宽按比例
towidth = originalImage.Width * height / originalImage.Height;
break;
case "Cut": //指定高宽裁减(不变形)
if ((double)originalImage.Width / (double)originalImage.Height > (double)towidth / (double)toheight)
{
oh = originalImage.Height;
ow = originalImage.Height * towidth / toheight;
y = 0;
x = (originalImage.Width - ow) / 2;
}
else
{
ow = originalImage.Width;
oh = originalImage.Width * height / towidth;
x = 0;
y = (originalImage.Height - oh) / 2;


}
break;
default:
break;
}

//新建一个bmp图片
System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight);

//新建一个画板
System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);

//设置高质量插值法
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;

//设置高质量,低速度呈现平滑程度
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

//清空画布并以透明背景色填充
g.Clear(System.Drawing.Color.Transparent);

//在指定位置并且按指定大小绘制原图片的指定部分
g.DrawImage(originalImage, new System.Drawing.Rectangle(0, 0, towidth, toheight), new System.Drawing.Rectangle(x, y, ow, oh), System.Drawing.GraphicsUnit.Pixel);

try
{
//以jpg格式保存缩略图
bitmap.Save(thumbnailPath, System.Drawing.Imaging.ImageFormat.Jpeg);
}
catch (System.Exception e)
{
throw e;
}
finally
{
originalImage.Dispose();
bitmap.Dispose();
g.Dispose();
}
}
#endregion


这个就可以!!
[解决办法]
写得挺多的,应该实用
2013年06月14日→星座:双子座
癸巳〖蛇〗、戊午月、辛亥日、丙申时
二一三年、五月、初七
今属:金;五行:水火土金;缺:木。
纳音五行:长流水。
[解决办法]
直接设置 img 的高宽 即可啊
[解决办法]
Refer:
http://www.cnblogs.com/insus/articles/2060601.html
[解决办法]

<img style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Manager/UpLoadFile/<%#Eval("OrganizationCode").ToString()!= "0" ? Eval("OrganizationCode") : "暂无.jpg"%>" style="width:50px;height:50px;"/>


这么不行么?
------解决方案--------------------


强制宽高控制

[解决办法]
<img style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Manager/UpLoadFile/<%#Eval("OrganizationCode").ToString()!= "0" ? Eval("OrganizationCode") : "暂无.jpg"%>" width="20" height=20" />
[解决办法]

引用:
最好在上传的时候对文件有个限定,要不只限制图片大小,既是能限制图片清晰度也是个问题啊,所以感觉还是对图片大小及宽度长度进行限制比较好.

这个方法很好呀 先把图片处理成固定大小的 再显示 而且这样也不会影响清晰度
[解决办法]
引用:
 #region 缩略图
/// <summary>
/// 生成缩略图
/// </summary>
/// <param name="originalImagePath">源图路径(物理路径)</param>
/// <param name="thumbnailPath">缩略图路径(物理路径)</param>
/// <param name="width">缩略图宽度</param>
/// <param name="height">缩略图高度</param>
/// <param name="mode">生成缩略图的方式</param>
public static void MakeThumbnail(string originalImagePath, string thumbnailPath, int width, int height, string mode)
{
System.Drawing.Image originalImage = System.Drawing.Image.FromFile(originalImagePath);

int towidth = width;
int toheight = height;

int x = 0;
int y = 0;
int ow = originalImage.Width;
int oh = originalImage.Height;

switch (mode)
{
case "HW": //指定高宽缩放(可能变形)
break;
case "W": //指定宽,高按比例
toheight = originalImage.Height * width / originalImage.Width;
break;
case "H": //指定高,宽按比例
towidth = originalImage.Width * height / originalImage.Height;
break;
case "Cut": //指定高宽裁减(不变形)


if ((double)originalImage.Width / (double)originalImage.Height > (double)towidth / (double)toheight)
{
oh = originalImage.Height;
ow = originalImage.Height * towidth / toheight;
y = 0;
x = (originalImage.Width - ow) / 2;
}
else
{
ow = originalImage.Width;
oh = originalImage.Width * height / towidth;
x = 0;
y = (originalImage.Height - oh) / 2;
}
break;
default:
break;
}

//新建一个bmp图片
System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight);

//新建一个画板
System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bitmap);

//设置高质量插值法
g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;

//设置高质量,低速度呈现平滑程度
g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;

//清空画布并以透明背景色填充
g.Clear(System.Drawing.Color.Transparent);

//在指定位置并且按指定大小绘制原图片的指定部分
g.DrawImage(originalImage, new System.Drawing.Rectangle(0, 0, towidth, toheight), new System.Drawing.Rectangle(x, y, ow, oh), System.Drawing.GraphicsUnit.Pixel);

try
{
//以jpg格式保存缩略图


bitmap.Save(thumbnailPath, System.Drawing.Imaging.ImageFormat.Jpeg);
}
catch (System.Exception e)
{
throw e;
}
finally
{
originalImage.Dispose();
bitmap.Dispose();
g.Dispose();
}
}
#endregion



错了 是这个方法 挺不错的
[解决办法]
你这个就是删除图片生成缩略图,
参考JS控制asp.net的图片按比例自动缩放大小.

http://www.cnblogs.com/xiacao/archive/2012/05/02/2479033.html

PS:LZ侵犯我的肖像权,赔偿!!!如何把图片缩小一点,100结贴率
[解决办法]

你这个就是删除图片生成缩略图
===》
你这个就是上传图片生成缩略图
[解决办法]
版主终于出现
[解决办法]
引用:
<img style="max-width: 100%;height: auto;width: auto\9;" src="http://www.reader8.com/Manager/UpLoadFile/<%#Eval("OrganizationCode").ToString()!= "0" ? Eval("OrganizationCode") : "暂无.jpg"%>" width="20" height=20" />


是这样的。

lz还是正规地写点 html 吧,省得自己没谱。

读书人网 >asp.net

热点推荐