tinymce6 上传图片报错Cannot read properties of undefined (reading ‘then‘)

TheDragonKing

已于 2022-06-08 13:29:25 修改

阅读量5.4k

点赞数 10

文章标签：前端 javascript vue.js

于 2022-05-31 11:06:21 首次发布

本文链接：https://blog.csdn.net/TheDragonKing/article/details/125060768

版权

博主在更新TinyMCE到6.0版本后，发现旧的图片上传方法不再适用。现在采用新的images_upload_handler，利用Promise进行处理，将图片转换为base64格式，直接设置在img标签的src属性中。在表单提交时，连同HTML内容一起发送。这个问题在TinyMCE的官方GitHub Issue中有提及，并提供了相应的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

题主想上传图片时前端读取文件，转为base64格式，放在img的src中，不需要通过后端。之后提交表单的时候再结合html内容全部提交过去

经过一番探索，tinymce6之前的上传方法都不行了，要加上promise。。。。不用了success了。。。

images_upload_handler: (blobInfo, progress) =>
          new Promise((resolve, reject ) => {
            resolve('data:' + blobInfo.blob().type + ';base64,' + blobInfo.base64());
          }),

参考：tinymce6.0 image_upload_handler自定义上传图片报错 · Issue #7706 · tinymce/tinymce · GitHubhttps://github.com/tinymce/tinymce/issues/7706