jquery 上传图片自由截取

2014年5月23日

jquery 上传图片自由截取

为了使用户能自定义个人头像，需要提供一个对上传图片的截图功能，当前很多网站特别是SNS类网站都提供这样的功能，非常实用。本文主要是利用jQuery的imgAreaSelect插件实现。
首先引入三个文件：

<script src="<%:Url.Content("~/UI/Scripts/jquery-1.8.2.min.js") %>"></script>
<link href='<%:Url.Content("~/UI//CSS/imgareaselect-default.css") %>' rel="stylesheet" />
<script src='<%:Url.Content("~/UI/Scripts/jquery.imgareaselect.pack.js")%>'></script>

前段主要代码：初始化所选择截取的图片

设置所选区域大小值，与坐标：

　　实现代码：前台

　　实现代码后台：

　

转载请注明出处：http://www.cnblogs.com/Xingsoft-555/