新插件出炉【裁剪图片并上传】

CropperImg

图片裁剪插件

---

功能说明：

1、此插件可在本机选择一张图片，并按照设置的比例/尺寸进行裁剪，裁剪的结果将自动上传至服务器，并返回文件路径，一般用于代替系统“图片上传”组件使用。

2、本插件为“命令型插件”，好处是不受UI约束，在任何活字格命令里可以触发，可以放在按钮、图片，甚至页面加载命令里执行；

主要功能有：

1、支持本地图片实时裁剪后自动上传；

2、支持裁剪过程旋转图片；

3、支持10多种裁剪参数；

4、支持约束裁剪比例；

5、支持固定分辨率输出裁剪后的图片；

6、支持图片、裁剪框缩放；

7、支持裁剪后自动触发活字格命令；

使用方法说明：

1、安装插件到活字格设计器（要求102版本以上）；

2、添加命令并设置参数（参数说明见下方）；

3、将返回的文件名保存至数据库；

插件面板参数说明：

参数说明（按面板顺序）：

返回图片路径：裁切点击确认后，返回图片的路径，直接存到数据库即可；
视图控制：控制裁剪框的可移动范围；
拖拽图片模式：控制图片移动的范围；
尺寸模式：选择固定尺寸则输出尺寸严格按照下方输入尺寸输出，选择按比例则按照图片实际尺寸输出；
裁剪框宽/高：定义裁剪框的宽度和高度比例，输入0则自由裁剪，最终输出的尺寸，按照“尺寸模式”的定义来输出；
允许初始化裁切：是否允许默认帮用户生成一个裁切框（建议打开）；
默认裁切比例：如果上一个参数打开，则可以定义这个默认裁切框初始的大小；
显示蒙版：裁切框周围呈现蒙版样式（建议打开）；
显示虚线：裁剪框内显示白色虚线；
显示十字线：裁剪框中心显示一个十字准心；
白色蒙版：选中后裁剪框内呈现浅白色蒙版覆盖层；
网格背景：图片之外的区域呈现PS的透明网格样式；
允许移动图片：选中后则图片允许用户拖动改变位置；
允许拖拽裁剪框：选中后则允许用户通过鼠标改变裁剪框位置；
允许改变裁剪框大小：选中后则允许用户通过鼠标拖拽，改变裁剪框大小；
图片裁剪完成命令：内部可定义当用户确认裁剪后，需要执行的活字格命令，此命令内可引用“返回图片路径”里填写的单元格，则可以实现裁剪完成自动保存至数据库；


实际使用过程录屏：





支持裁切时旋转




支持约束裁剪比例：



发布日期：2021-12-22
版本号：1.6.0
更新说明：修复一个页面同时应用多个插件命令，会共用第一次插件命令的参数问题



发布日期：2021-12-8
版本号：1.4.0
更新说明：1、修复宽高值，最多只能输入999的BUG；
2、更新裁图界面为全屏，增加可视范围，适当照顾移动端；
1.4版本： 裁剪图片并上传.zip (10.88 MB, 下载次数: 71, 售价: 30 金币)

2021-12-8 02:42 上传

点击文件名下载附件
1.4




发布日期：2021-12-7
版本号：1.3.0
更新说明：首次发布
1.3版本： 裁剪图片并上传.zip (9.55 MB, 下载次数: 18, 售价: 30 金币)

2021-12-7 15:32 上传

点击文件名下载附件
1.3
有金币的支持一下作者，更有动力！！！
没有金币的请前往应用市场，免费下载
应用市场下载

同一张照片无法进行第二次截图

我想这个图片插件能否支持传入 URL或者 base64 实现 ：我高拍仪拍好后直接显示出一个采集框把需要的传上去

朗月2022 发表于 2023-3-26 17:51
填写了返回图片路径，但没有返回之前上传的图片（替换）

设计器版本？

phoben 发表于 2021-12-7 17:10
图片可以滚轮缩放的

填写了返回图片路径，但没有返回之前上传的图片（替换）

小玖 发表于 2022-12-1 19:44
老大，上传的图片怎么保存到页面上的

上传后就得到一个文件名，存在数据库里即可，需要显示就用图片组件之类的就能显示

老大，上传的图片怎么保存到页面上的

phoben 发表于 2021-12-13 15:32
没有电脑端操作方便

窗体显示不好

zd588 发表于 2021-12-13 15:26
不知道移动端效果怎么样啊

没有电脑端操作方便