现在很多应用都会要求上传个人头像,然后系统会根据上传的头像进行裁剪,这样处理后的头像会更加美观
今天小编就教大家利用jquery插件实现这样的效果,做出web页面,这是手机端和PC端通用的html页面哦。
先看效果:
引用核心文件就是cropbox.js这款插件,实现的主要JavaScript代码如下:
好了 ,今天的web前端html头像上传、裁剪页面就分享到这里,你学会了吗?
内容出处:,
声明:本网站所收集的部分公开资料来源于互联网,转载的目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。文章链接:http://www.yixao.com/procedure/4539.html
相关推荐
-
基于java Springboot实现课程评分系统设计和实现
前言: 教师教学评价是教学质量评价的重要内容,随着教育信息化进程的加快,如何在传统教学中运用网络技术来评价教师教学质量,如何在网络教学环境中评价教师教学质量, 是教学管理的难点,也…
-
Vue开发:条件渲染v-i和v-show的使用
条件渲染:v-if v-if指令:用于条件性地渲染一块内容,这块内容只会在指令的表达式返回真值的时候才会被渲染。 v-else指令:表示v-if的“else 块” <h1 v…
-
Day.js:轻量化的 Javascript 时间日期库
近日,Moment.js 宣布项目正式进入维护阶段。这意味着,这个最受欢迎的 Javascript 时间日期库,已经不会再添加新功能,也不会进行任何重大更改,并可能选择不修复项目中…
-
前端ES6中Promise的运行原理
Promise的作用 它是异步编程的一种方式,它比传统的异步回调和事件更合理也更优雅! 从Promise的使用中能看出什么? 首先我们手写一个常见的使用方式 //demo1 new…
-
H5页面唤起微信各种功能
年初的动态化分享热潮里,基本上都提到了 URL 跳转,天猫称为统跳协议,蘑菇街称为 URL 路由。其实很多大厂都默默地做了一套 URL 跳转机制,比如说 – 微信。 微信 微信 w…
-
GoWeb框架之Gin简明教程
Gin 简介 Gin is a HTTP web framework written in Go (Golang). It features a Martini-like API …
-
nginx+keepalive搭建高可用nginx平台
整体架构示意图: 整体架构示意图 节点01: R-IP:172.16.106.60 V-IP:172.16.106.10 back:172.16.106.61 节点02: R-IP…
-
VPS使用Aria2搭建离线下载服务器
在VPS上使用wget命令可以直接下载数据,但是wget作用也有限,比如BT和磁力等链接就不能下了。这个时候我们可以利用Aria2来搭建自己的离线下载服务器,Aria2可以下载ht…
-
final关键字在PHP中的使用
final关键字的使用非常简单,在PHP中的最主要作用是定义不可重写的方法。什么叫不可重写的方法呢?就是子类继承后也不能重新再定义这个同名的方法。 class A { fi…
-
C++读取配置文件代码
介绍 在一般项目中经常会用到配置文件配置一些系统参数,比如网关的端口号、memcache、redis等配置参数,数据库的ip地址、端口号、用户名密码等。 在java中有proper…