当前位置: 代码迷 >> ASP.NET >> asp.net上传头像在线裁减解决方案
  详细解决方案

asp.net上传头像在线裁减解决方案

热度:1962   发布时间:2013-02-25 00:00:00.0
asp.net上传头像在线裁减
由于工作需要,要让用户上传的头像可以按自己想要的区块进行裁减。
该怎么做呢?
帮帮忙!

------解决方案--------------------------------------------------------
http://hi.baidu.com/wyzwyzwyz/blog/item/fdaa7c252696546c35a80f6c
http://kb.cnblogs.com/page/47074/2/
------解决方案--------------------------------------------------------
Jquery+ASP.NET 实现上传头像剪裁
------解决方案--------------------------------------------------------
假设1.jpg就是原图像,在客户端将要裁剪的区域的左上角和右下角位置保存下来pt1和pt2,然后将图片完整上传到服务器,不要裁剪

在调用时候直接如下
<div style="background-image:url(1.jpg);width:200px;height:150px; background-position: 50px 50px;"></div>

width是pt2.x-pt1.x绝对值
height是pt2.y-pt1.y绝对值
background-position:只用pt1.x和pt1.y

就是这样子,大概


------解决方案--------------------------------------------------------
如果要缩放图像的话,这样修改下;

<div style="width:200px;height:150px; overflow:hidden;" >
<img src="1.jpg" style="width:300px;height:250px; position:relative; left:-50px;top:-50px" />
</div>
------解决方案--------------------------------------------------------
http://www.codesoso.com/code/Image-Corp-Scale-Control.aspx
这个控件实现与.NET1.1环境中,作为一个ASP.NET控件,它可以允许用户在客户端上传一幅图像到服务器上,并在浏览器中直接对图像进行裁剪、缩放、修改成为一个web可用的图像。 阿捷
  相关解决方案