Summernote - 添加具有文件大小限制的图像

Question

我一直在到处搜索以找到一种方法来防止任何大于 500kb 的图像，但还没有找到单一的解决方案。我尝试限制图像文件大小的原因是针对使用有限数据计划的移动用户。

我最终相信这是不可能的，因为summernote将图像保存为文本这样的东西......

<img style="width: 640px;" src="data:image/jpeg;base64,/9j/4Qv6RXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAeAAAAcgEyAAIAAAAUAAAAkIdp...............>

并在需要时生成回图像。

即使我将它们作为文本存储在数据库中，我是否仍然需要限制文件大小？

如果我必须这样做，是否有一个 api？

Answer 1

您可以通过添加以下选项来限制 Summernote 插件中的图片大小：

$('.summernote').summernote({
    // your options... and
    maximumImageFileSize: 500*1024, // 500 KB
    callbacks:{
        onImageUploadError: function(msg){
           console.log(msg + ' (1 MB)');
        }
    }
});