裁剪图片保存为base64,可用于头像上传
shear-picture
裁剪图片保存为base64,可用于头像上传
适用平台pc/移动端
演示演示地址
简书介绍介绍
使用方法 1.首先加载插件，需要用到的文件有shear.picture.js和shear.picture.css文件。<!DOCTYPE html>
<html>
<head>
...
<link rel="stylesheet" href="css/shear.picture.css">
<script src="js/shear.picture.js"></script>
</head>
<body>
...
</body>
</html>
2.HTML内容。
<div class="head-img">
<!-- 显示图片的容器 -->
<img class="my-img">
<!-- 选择图片 -->
<input type="file" class="selImg" accept="image/*" multiple="">
</div>
3.调用Picture
Picture(图片最大值(M),确定后的回调,取消后的回调)
<script>
Picture(1,function(e){
//点击确定后的回调函数
console.log(e)
}, function(e) {
//点击取消后的回调函数
console.log(e)
})
</script>
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
