预览链接点击预览
效果图如下所示,大家感觉不错,请参考实现代码。
需求
[x] 预览:根据选择图像大小自适应填充左侧裁剪区域
[x] 裁剪:移动裁剪框右侧预览区域可实时预览
[x] 上传&清空:点击确认上传裁剪图片,点击取消按钮清空图像
[ ] 裁剪框可调节大小
实现步骤
methods:funName() – 对应源码中methods中的funName方法
data:dataName – 对应源码中data中的dataName数据
1. 图片选择与读取
选择图片 :(methods:selectPic) 使用 input[type=”file”] 弹出选择图片框,j