javascript - Tinymce - images_upload_handler - 验证最大文件大小

Question

有什么方法可以在 Tinymce 5 的 images_upload_handler 中验证图像文件的大小。

tinymce.init({
        selector: '#mytextarea',
    images_upload_handler: function(blobInfo, success, failure) {
      .......
    }
});

该函数有 3 个参数，第一个是所选图像的 blob 内容。没有检查 blob 内容大小的规定。

有什么办法吗？

Answer 1

blobInfo.blob().size

以字节为单位给出上传图片的大小，失败会引发错误:上传图片失败:...

每次在编辑器中上传、粘贴或编辑图像时都会触发该函数。

当上传或编辑的图像大于 max_size 时，此代码会引发错误

images_upload_handler: function (blobInfo, success, failure) {
    var image_size = blobInfo.blob().size / 1000;  // image size in kbytes
    var max_size   = max_size_value                // max size in kbytes
    if( image_size  > max_size ){        
        failure('Image is too large( '+ image_size  + ') ,Maximum image size is:' + max_size + ' kB');
        return;      
    }else{
        // Your code
    }