TinyMCE编辑器多图上传如何解决接口调用频率过高的问题?

tinymce编辑器多图上传如何解决接口调用频率过高的问题?

关于 TinyMCE 编辑器插件的多图上传处理

在使用 TinyMCE 编辑器时,如果需要支持多图上传,可以使用 axupimgs.zip 插件。然而,需要注意的是,该插件将多图上传拆分为逐个图像上传的流程,导致接口调用频率过高。

解决办法

为了解决接口调用频率过高的问题,可以自定义一个上传处理程序(images_upload_handler),以批量方式上传图像。该处理程序需要返回一个 Promise,当上传成功时,将上传后的图像地址解析为该 Promise。

实现步骤如下:

定义一个数组 files 来存储等待上传的文件,以及一个数组 tasks 来存储上传任务的 Promise。自定义一个 uploadImages 函数,用于选择图像后处理上传。它将文件 blob 添加到 files 数组,并返回一个 Promise。该 Promise 中存储着上传任务的 resolve 方法。提供一个单独的 doUpload 函数来实际上传文件。使用 FormData 创建一个 POST 请求,将文件添加到表单数据中,并发送到后端。成功响应后,遍历 files 数组,依次调用相应的 tasks 数组中的 resolve 方法,完成图像上传。

这种方法允许批量上传图像,降低了接口调用频率,满足了业务需求。具体实现的关键在于将后端响应与前端存储的 resolve 方法匹配起来。

以上就是TinyMCE编辑器多图上传如何解决接口调用频率过高的问题?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1251313.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月9日 23:01:15
下一篇 2025年12月9日 11:15:04

相关推荐

发表回复

登录后才能评论
关注微信