实现Asp.net最有价值球员上传头像加剪裁功能

在我们使用即时通信软件上传头像，注册用户账号时是不是都会遇到上传图像，并根据自己的要求对图像进行裁剪，这是怎么实现的呐？

本文主要介绍了Asp.net最有价值球员实现上传头像加剪裁功能，分享给大家供大家参考。具体如下：

运行效果截图如下：

具体代码如下：

前台代码

链接href=' ~/Content/finuploader。CSS ' rel='样式表/link href='~/Content/jquery .Jcrop.min.css' rel='样式表/link href=' ~/Content/crop。量滴CSS ' rel='样式表/script src=' http : ~/Scripts/jquery-1。8 .2 .量滴js '/script script src=' http : ~/Scripts/jquery。finuploader-3。1 .量滴js '/script script src=' http 3360 ~/Scripts/jquery .jcrop。量滴js '/script script src=' http : ~/Scripts/crop。js/script div id=' jquery-wrapped-fine-uploader '/div div id=' message '/div div id=' crop _ wrapped ' div id=' crop _ holder ' div id=' crop _ area ' class=' border ' img id=' crop _ image ' alt=' src=' http : ' class=' preview-image ' style=' display : none '/当前头像/div div id=' preview _ large _ text class=' preview-text ' 180 px180 px/div div id=' preview _ large _ wrap ' class=' border ' img id=' preview _ large ' alt=' src=' http : @ viewpag . path ' class=' preview-image ' style=' '//div/div/div id=' crop _ operation ' style=' display : none；'表单id='form_crop '操作='/home/index '方法='post '输入类型='隐藏'名称='x' id='x '输入类型='隐藏'名称='y' id='y '输入类型='隐藏'名称='w' id='w '输入类型='隐藏'名称='h' id='h '输入类型='隐藏'名称='imgsrc' id='imgsrc '输入id='作物_操作_提交'类型='提交'值='裁切并保存/span id=' crop _ operation _ msg ' style=' display : none ' class=' green '/span/form/div div id=' croped _ message ' class=' green '/div/div后台代码

public ActionResult Index(){ return View()；} ///摘要///保存缩略图////summary////param name=' form '/param////returns/returns[httpset]公共操作结果索引(表单集合表单){ int x=Convert .ToInt32(形式[' x '])；int y=转换. ToInt32(形式[' y '])；int w=转换. ToInt32(形式[' w '])；int h=转换. ToInt32(形式[' h '])；字符串imgsrc=表单['imgsrc'].子字符串(0,形式为['imgsrc'].LastIndexOf('？'));字符串路径=ImgHandler .CutAvatar(imgsrc，x，y，w，h)；//保存路径视图包路径=路径；返回视图();} ///摘要///上传头像////summary///param name=' QQ文件'/param///returns/returns[HttpSet]公共操作结果进程Upload(字符串QQ文件){ try { string Upload folder='/Upload/original/' DateTime .现在。to字符串(' yyyyMM ')'/'；字符串imgName=DateTime .现在。ToString(' ddHHmmssff ')；字符串imgType=qqfile .子字符串(qqfile .LastIndexOf(' . '));字符串上传路径=上传路径=服务器。地图路径（上传文件夹);if(！目录。存在（上传路径)){目录。创建目录（上传路径);}使用(变量输入流=请求.InputStream){ 0使用(var Fliestream=新文件流(上传路径imgName imgType，文件模式.创建){ inputStream .复制到(Fliestream)；} }返回Json(new { success=true，message=uploadFolder imgName imgType })；} catch(异常e) {返回Json(new { fail=true，Message=e . Message })；} }

以上就是实现Asp.net最有价值球员上传头像加剪裁功能的部分代码，小编分享给大家参考，希望对大家的学习有所帮助。