PHP前端开发

TinyMCE编辑器多图上传:如何突破单张上传限制并提高效率?

百变鹏仔 3天前 #PHP
文章标签 上传

TinyMCE编辑器多图上传解决方案

在使用TinyMCE编辑器时,多图上传的需求时常会遇到。但自带的axupimgs插件存在单张上传的限制,导致接口调用频率过高。如何解决这一问题呢?

解决方案是自定义一个images_upload_handler,处理图片上传并将批量上传结果关联起来。具体实现如下:

  1. 声明一个数组files存储文件和tasks存储上传结果的resolve方法。
  2. 提供一个uploadImages方法接收图片和进度信息,将图片信息加入files并返回一个Promise。
  3. 再提供一个doUpload方法来触发上传。通过FormData批量上传文件,并将上传后的结果通过tasks的resolve方法返回。

通过这种方式,可以将多张图片批量上传到后端,并高效地处理上传结果,从而满足业务需求,降低接口调用频率的限制。