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

【问题标题】：Summernote - Adding images with file-size limitSummernote - 添加具有文件大小限制的图像
【发布时间】：2015-02-18 05:27:28
【问题描述】：

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

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

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

并在需要时生成图像。

即使我将文件作为文本存储在 DB 中，是否还需要限制文件大小？

如果需要的话，有没有这方面的 api？

【问题讨论】：

只是为了回答我自己-我发现这篇文章stackoverflow.com/questions/11402329/base64-encoded-image-size。 Base64 比实际图像文件大 137% 左右。

标签： php summernote

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

查看此链接：https://github.com/summernote/summernote-rails/issues/22

$('.summernote').summernote({ 最大图像文件大小：1048576 });

【讨论】：

【解决方案3】：

如果我理解正确你使用这个https://github.com/summernote/summernote/blob/develop/src/js/settings.js 请检查maximumFileSize：'最大文件大小'，图像选项中的参数。在那里你可以设置你想要的限制。

【讨论】：

它对我有用，但是如果用户选择了最大文件大小中指定的更大尺寸的文件，summernote 将不会添加图像，而且也没有通知或错误给用户告诉他，图像尺寸更大，你知道吗？
您好，请检查此链接 github.com/summernote/summernote/blob/develop/src/js/bs3/… maximumImageFileSize 下的可用回调。您可能需要 onImageUpload 和 onImageUploadError 的回调，例如 onImageUpload: function(files) { //// 根据 maximumImageFileSize } 检查文件大小，onImageUploadError: function() {console.log("Error uploading image");} 更多可以从这里提出想法summernote.org/deep-dive/#onimageupload