如何将React Quill图片上传从base64转换成上传至服务器？

本文共计477个文字，预计阅读时间需要2分钟。

使用react-quill富文本编辑器，处理图片时默认将图片转换为base64。提交到后台时，文件过大，因此修改处理image的逻辑，改为上传到服务器。代码如下：

javascriptimport Quill from 'quill';

// 初始化Quillconst editor=new Quill('#editor', { theme: 'snow'});

// 修改image处理逻辑editor.on('image-blur', function(range, value) { const file=value.file; const reader=new FileReader(); reader.onloadend=function() { const base64=reader.result; // 上传base64到服务器 uploadToServer(base64); }; reader.readAsDataURL(file);});

function uploadToServer(base64) { // 上传base64到服务器的逻辑}

使用react-quill富文本编辑器，里面处理图片是默认转成base64，提交到后台的时候文件太大，因此这里改写处理image的逻辑，改成上传到服务器。