javascript - CKEditor图片上传: "accept" attribute

Question

Html 元素“input”具有非常有用的属性“accept”(Example)。

当我使用 CKEditor 上传图像时，我无法使用此属性( Example )，但我想使用。怎么可能？

Answer 1

我玩游戏有点晚了，这个问题非常模糊，但据我了解，您正在尝试使用 CKEditor 的内置 Image plugin 来上传和图像(我假设)。将“accept”属性添加到文件输入。尽管这可能不是实现结果的最优雅的方式，但它确实成功地默认为“图像文件”。

在 image.js 中，您可以将 onClick 事件添加到上传选项卡上的文件元素。在 onClick 中，您可以通过 this.getInputElement() 访问输入元素。在那里您可以将 Accept 设置为您想要默认的任何类型。以下是添加 onClick 后标准插件中元素的代码:

               {
                    type: 'file',
                    id: 'upload',
                    label: editor.lang.image.btnUpload,
                    style: 'height:40px',
                    size: 38,
                    onClick: function () {
                        var input = this.getInputElement();
                        input.$.accept = 'image/*';
                    }
                }

我相信，如果我对您的问题的所有假设都是正确的，这会给您带来您正在寻找的东西。