jQuery实现拖动剪裁图片作为头像

前端之家收集整理的这篇文章主要介绍了jQuery实现拖动剪裁图片作为头像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

图片上传是许多网站的一个常用的功能,有时需要对上传图片做初步的选择裁剪,比如上传头像。下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效,可以对选择要上传图片做缩小、放大、拖动和裁剪,由何问起调试改进,有需要的朋友可以参考一下。在文后附有源码下载。

效果图:

需要引用的css文件为style.css,需要引用的js文件为jquery文件,可以到选择合适的版本下载,还需引用cropbox.js文件,这些文件在源码里面都有。

代码如下:

jQuery拖动剪裁图片作为头像代码 - 何问起
适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。

来源:

源码下载:

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持编程之家!

猜你在找的jQuery相关文章