记一次quill-editor无法在微信中选择图片的问题

502 阅读1分钟

出现问题的环境

插件为vue-quill-editor3.0.6,quill为1.3.7

微信版本为 安卓 7.0.12

安卓版本为 三星OneUI 2.0/Android 10

结论

原因是微信浏览器中的input[file]的accept如果设置像'image/png, image/gif, image/jpeg, image/bmp, image/x-icon'这么复杂,就会出现无法选择图片的情况,目前我所采取的解决方案暂时只有通过修改node_modules/quill/dist/quill.js下的源码来暂时解决此问题,此项修改包括同目录下的quill.min.js,具体修改位置为quill.js的第6858行的:

fileInput.setAttribute('accept', 'image/png, image/gif, image/jpeg, image/bmp, image/x-icon');

一般可以选择只把属性替换为fileInput.setAttribute('accept', 'image/*');即可,但因为这样修改会在上述机型环境上出现选择拍摄或文件的选择弹窗,因为没有拍摄需求,这样觉得增加了操作步骤,所以我选择了直接删除该行,不设置accept就无此弹窗,以上修改quill.min.js同理