wangEditor icon indicating copy to clipboard operation
wangEditor copied to clipboard

上传图片时,无法对上传文件格式限制

Open Thehyy opened this issue 2 years ago • 3 comments

问题描述

在上传图片时,上传非图片格式文件,如何限制用户上传文件格式为图片? 本来想自定义上传图片来做文件限制的,但是发现上传非图片格式文件(例如xlsx)时,不会走customUpload函数,但是类似的上传视频会走customUpload函数。

wangEditor 版本

5.1.23 希望能像4版本有文件类型限制:editor.config.uploadImgAccept = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'] 或者,上传非图片格式文件(例如xlsx)时,也能走customUpload函数

是否查阅了文档 ?

最小成本的复现步骤

  • 步骤一:上传图片自定义上传函数 customUpload,代码如下 async customUpload(file, insertFn) { console.log("123456",file); }
  • 步骤二:点击上传图片
  • 步骤三:选择.xlsx文件,控制太并不不会打印123456...

Thehyy avatar Feb 10 '23 02:02 Thehyy

你试试看allowedFileTypes这个属性可以吗 文档地址d

QC2168 avatar Feb 10 '23 03:02 QC2168

我现在也遇到了个问题,在allowedFileTypes设置为['image/png'],是可以限制只能上传png 但是我需求是上传png和jpg,也就是改成allowedFileTypes: ['image/png', 'image/jpeg'],这个时候变成了什么文件都可以被上传了,没有了过滤效果

QC2168 avatar Feb 10 '23 03:02 QC2168

版本:"@wangeditor/editor": "^5.1.23";"@wangeditor/editor-for-vue": "^5.1.12" 。1⃣️ 上传图片数量限制无效【maxNumberOfFiles: 1】;2⃣️ 格式限制无效【allowedFileTypes: ['image/*']】;3⃣️ 图片大小限制有bug【maxFileSize】:图片超过限制时直接走onError,没有进入onBeforeUpload

zhengb1019 avatar Dec 03 '23 16:12 zhengb1019