php - 在我的编辑器中管理上传文件的最佳方式？

Question

我正在开发一个社交博客，它有一个用 JavaScript 构建的编辑器，供用户创建博客。我最大的问题之一是上传文件及其限制。现在为了自动保存用户帖子，我存储同时上传到服务器的图像。但问题是当用户从编辑器中删除图像时，因为:

• 请求的数量可能太多(即使有很多)
• 在 Ckeditor 中我有上传程序，但没有从服务器删除它的程序(或者至少我不知道如何删除)
• 最后是自动保存的好主意 (?)

我的编辑器是 ckeditor5 的自定义版本，为了上传文件，我使用了一个上传适配器，例如:

export default class UploadAdapter {
    constructor(loader, article) {
        this.loader = loader;
        this.article = article;
    }
    upload() {
        return new Promise((resolve, reject) => {
            let image = new FormData();
            let url = '/articles/imageUpload';
            image.append('upload', this.loader.file);
            image.append('token', this.article.token);

            axios.post(url, image)
                .then(response => {
                    console.log(response);
                    if (response.data.uploaded) {
                        resolve({
                            default: response.data.url,
                        });
                    }
                    else {
                        reject(response.data.error.message);
                    }
                }).catch(error => {
                console.log(error);
            });
        });
    }
}

Answer 1

我使用下面的方法将图像嵌入为 base64 而不是上传它们

class UploadAdapter {
   constructor( loader ) {
      this.loader = loader;
   }

   upload() {
      return this.loader.file
            .then( file => new Promise( ( resolve, reject ) => {
                  var myReader= new FileReader();
                  myReader.onloadend = (e) => {
                     resolve({ default: myReader.result });
                  }

                  myReader.readAsDataURL(file);
            } ) );
   };
}