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

Question

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

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

Answer 1

当然可以，我制作了一个 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 2

目前这是不可能的，您必须创建一个自定义图像处理程序。随意打开功能请求。

Answer 3

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

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

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

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 的图片示例：