首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Summernote富文本编辑器-限制图像超过特定的高度和宽度

问Summernote富文本编辑器-限制图像超过特定的高度和宽度
EN

Stack Overflow用户
提问于 2021-10-09 08:39:28
回答 2查看 47关注 0票数 2

当我在编辑器中上传图片时,我能够找到它的大小。但我希望它的高度和宽度限制在高于特定限制的高度和宽度。下面是我上传图片时得到的结果。

See image to image upload result

对于大小限制,它的工作原理如下-

代码语言:javascript
复制
onImageUpload(images, insertImage) {
    if (images[0].size <= 100000) {
        for (let i = 0; i < images.length; i++) {
            const reader = new FileReader();
            reader.onloadend = () => {
                insertImage(reader.result);
            };
            reader.readAsDataURL(images[i]);
        }
    } else {
        alert('Image not saved, max allowed image size is 100kb');
    }

};

EN

回答 2

Stack Overflow用户

发布于 2021-10-09 08:46:11

你用的是什么编辑器?UEditor是一个非常好的富文本编辑器。

票数 2
EN

Stack Overflow用户

发布于 2021-10-09 09:12:51

代码语言:javascript
复制
onImageUpload(images, insertImage) {
    console.log('onImageUpload', images);
    if (images[0].size <= 100000) {
        for (let i = 0; i < images.length; i++) {
            const reader = new FileReader();
            reader.onloadend = () => {
                var i = new Image();
                i.src = reader.result;
                i.onload = function () {
                    if (i.width <= 200 && i.height <= 200) {
                        insertImage(reader.result);
                    } else {
                        cogoToast.warn('Image not saved, image width and height should be less than 200*200');
                    }
                };
            };
            reader.readAsDataURL(images[i]);
        }
    } else {
        cogoToast.warn('Image not saved, max allowed image size is 100kb');
    }
};

它将在这个way.Thanks中工作!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69505082

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档