可以使用quill限制上传图片的大小吗？

Question

由于图像很大，响应很慢，所以必须限制！怎么做？谢谢！

var editor = new Quill('#postContent', {
  modules: {
    toolbar: '#toolbar-container'
  },
  theme: 'snow',
  //placeholder: '不超过3000字...',
});

Answer 1

是的，他可以。添加图像时，请使用：

quill.insertEmbed(0, 'image', value, 'user'); // to insert the image

quill.formatText(0, 1, 'width', '300px'); //to limit the width

Answer 2

目前无法做到这一点，您必须创建自定义image handler。随意打开feature request。

Answer 3

当然可以，一旦将图像添加到Quill编辑器（粘贴，上载，拖拽）后，我就制作了一个Quill模块来压缩。您也可以调整压缩率和压缩质量。

https://github.com/benwinding/quill-image-compress

import ImageCompress from 'quill-image-compress';

Quill.register('modules/imageCompress', ImageCompress);

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageCompress: {
      quality: 0.7, // default
      maxWidth: 1000, // default
      maxHeight: 1000, // default
      imageType: 'image/jpeg', // default
      debug: true, // default
    }
  }
});

Answer 4

我给了他这个解决方案，这不是正确的解决方案，但它暂时有效：

我修改了quill.js并添加了此验证：

var maxSize = 2097152; // Maximum limit of 2mb (2,097,152 kb)
var fileSize = fileInput.files[0].size;
if (fileSize <= maxSize) { .... }

quill.js的图片示例：