帮助中心

首页网页特效整站源码 PHP实例网站模版工具箱常用代码论坛游戏源码资源分享

HTML5上传图片头像剪裁特效

所属分类：网页特效-图片特效,图片裁剪,上传

浏览：536次评论：0次更新时间：2021-05-11

牛币素材VIP可免积分下载

HTML5上传图片头像剪裁特效

素材牛VIP永久特权

查看演示立即下载收藏

HTML5上传图片头像剪裁特效

查看演示立即下载

积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

素材描述：一款上传图片头像剪裁特效,能够不依靠后台自行剪裁图片并且生成新的图片,适用于各大网站的用户头像模块。利用canvas插件imagecropper 配合jQuery完成制作。功能包括: 拖拽上传图片,手动上传图片,图像剪裁,图像旋转,图像预览,图片生成。本特效兼容各大主流浏览器,不支持ie8以及以下版本

标签：html5上传图片 html5拖拽上传图片上传预览插件上传组件图片上传裁剪图片裁剪头像上传

文件目录结构

css

┝ demo.css

images

┝ index.html
js

┝ demo.js
┝ imagecropper.js
┝ jquery-1.11.1.min.js

展开查看全部

相关素材 - 图片特效,图片裁剪,上传

jQuery轻量级头像图片拖动剪裁插件cropbox

jQuery轻量级头像图片拖动剪裁插件cropbox

cropbox.js是一款简单轻量级的头像图片剪裁插件。用户可以上传自己的图片，还可以将图片进行放大和缩小，以及对图片进行拖动，最后可以将图片剪裁生成新的头像图片。

HTML5头像上传更换裁剪插件

HTML5头像上传更换裁剪插件

利用bootstrap样式排版已经点击功能，进行弹窗更换头像。html5 头像上传、更换、剪切插件。

UI/布局/瀑布流,图片裁剪,上传

带裁剪功能的jQuery移动端多图上传

带裁剪功能的jQuery移动端多图上传

适应于手机端上传图片的功能，附带上传图片裁剪功能，非常的实用

图片裁剪,上传

jQuery支持拖拽的图片上传预览插件

jQuery支持拖拽的图片上传预览插件

上传单个图片预览效果，同时支持将图片拖拽在框中直接显示

jQuery多图上传图片上传精简版

jQuery多图上传图片上传精简版

配置简单功能强大支持进度条限制上传类型文件大小文件数量轻松配置后端值需要写个接口接收文件返回指定信息便可轻松搞定。

基于PhotoClip移动端上传图片裁剪

基于PhotoClip移动端上传图片裁剪

项目需要移动端页面上传图像并进行裁剪，网上找了许多插件，感觉这个比较简单，功能也强大可以进行拖拽，缩放，旋转。

图片裁剪,上传

webuploader.js批量上传图片排序插件

webuploader.js批量上传图片排序插件

jQuery基于webuploader.js制作批量图片上传插件，支持多图同时上传，可调整图片排列顺序，可删除上传图片代码。（不兼容IE6,7,8）

jQuery头像预览上传裁剪加滤镜特效

jQuery头像预览上传裁剪加滤镜特效

主要用于头像上传使用，JS对上传图片进行裁剪，滤镜等操作。仅前端代码，配置后端地址后可实现上传。

讨论这个素材（0）回答他人问题或分享使用心得会奖励牛币

〒_〒居然一个评论都没有……

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取

我的牛币余额：0

所需牛币：20 开始下载

牛币获取：签到、评论、充值 » 在线充值（10牛币=1元）

此素材VIP可免积分下载 » 查看详情