Jcrop ,.net仿百度上传在线编辑头像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jcrop ,.net仿百度上传在线编辑头像相关的知识,希望对你有一定的参考价值。

(源码下载链接: http://pan.baidu.com/s/1pJVxMAn 密码: gbuz)  个人习惯,代码不贴出来,自己去云盘下。

我们先看一下百度上传头像的页面。如下图。

技术分享

再 看看我做的效果。

 

技术分享

图1

技术分享

图2

上面是我做出的效果,灰色是一个400X400的背景,图片会自动适应 (图1和图2 一个横向一个是纵向),宽度和高度始终能放入这个背景中。

介绍一下使用的技术,Jquery, Jcrop ,ajaxfileupload.js 。

 

我们先看一下百度上传头像的页面。如下图。

技术分享

再 看看我做的效果。

 

技术分享

图1

技术分享

图2

上面是我做出的效果,灰色是一个400X400的背景,图片会自动适应 (图1和图2 一个横向一个是纵向),宽度和高度始终能放入这个背景中。

介绍一下使用的技术,Jquery, Jcrop ,ajaxfileupload.js 。

这个项目基本已经实现上传,在线编辑,后台切图功能,这里代码不贴出来了,直接给云盘,需要的小伙伴可以下载看看。

(链接: http://pan.baidu.com/s/1pJVxMAn 密码: gbuz)

 到这里博客结束。

 

以上是关于Jcrop ,.net仿百度上传在线编辑头像的主要内容,如果未能解决你的问题,请参考以下文章

Jcrop+uploadify+php实现上传头像预览裁剪

jcrop+jquery+javaweb 实现头像裁剪上传

jQuery 上传头像插件Jcrop的实例

仿百度文库,在线文库网站制作,文库网站定制

《Java+FlexPaper+swfTools仿百度文库文档在线预览系统设计与实现》

移动端web头像上传实现截取和照片方向修复