我正在开发一个社交博客,该博客具有内置JavaScript的编辑器,用于由用户创建博客。我最大的问题之一是上传文件及其限制。现在,为了自动保存用户帖子,我将图像同时上传到服务器。但是问题是用户从编辑器删除图像时,原因是:
- 请求数量可能太多(即使数量很多)
- 在Ckeditor中,我有一个上传过程,但是没有从服务器删除它的过程(或者至少我不知道如何)
- 最后是自动保存的好主意(?)
我的编辑器是ckeditor5的自定义版本,对于上传文件,我使用类似以下的uploadadapter:
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);
});
});
}
}
似乎您只需要一个额外的隐藏输入,即可记录所有成功上传的图像,并在用户发布表单后与编辑器中的图像url进行一些比较,然后您将获得要删除的图像列表。
我希望我已经清楚表达了我的意思。