【优化】图片上传组件：支持格式限制、大小限制、支持自动压缩、优化限制张数

[JaneYork]

版本号：

最新

前端版本：vue3版？还是 vue2版？

vue2

问题描述：

JImageUpload组件，设置isMultiple=true，number=4，如果ctrol+A，全选多雨4张图，则number限制不住。

截图&代码：

友情提示（为了提高issue处理效率）：

• 未按格式要求发帖，会被直接删掉;
• 描述过于简单或模糊，导致无法处理的，会被直接删掉；
• 请自己初判问题描述是否清楚，是否方便我们调查处理；
• 针对问题请说明是Online在线功能(需说明用的主题模板)，还是生成的代码功能；

[JaneYork]

更改内容

• 优化图片张数限制
• 支持限制图片格式
• 支持限制图片大小
• 支持图片压缩，默认超过3M自动压缩，可自定义

用法

压缩依赖于LRZ：https://github.com/think2011/localResizeIMG

yarn add lrz

<j-image-upload v-model="form.pic" :number="1" :limitWidth='0' :limitHeight='0' :isMultiple='false' ></j-image-upload>

参数说明

number:张图限制
isMultiple：true可多选，可以ctrl+A
limitWidth\limitHeight：宽高限制，不设置或设置0则不限制图片
doCompress：true/false，默认超过3M自动压缩
acceptType：可选，限制图片类型，默认image/*
zipPercent：可选，压缩率，默认0.7

测试及预览图

已经过大量测试，单图、多图，回显。

列表预览

点击预览

致谢🙏

部分灵感参考于PUSDN - PGZ俱乐部

组件JImageUpload.vue完整代码

jeecgboot/jeecgboot-vue2#2

[ZestfulCitrus]

这个提PR了吗？

[JaneYork]

这个提PR了吗？

提了，但是貌似全部PR都不会被直接通过合并。也许他们偶尔看到后手动CV