Javascript 如何在TinyMCE中将图像编码为base64?

Javascript 如何在TinyMCE中将图像编码为base64?,javascript,php,base64,tinymce,Javascript,Php,Base64,Tinymce,这是我的TinyMCE配置的一部分: { ... plugins: 'code paste', paste_data_images: true, ... } 当我通过TinyMCE中的简单拖放添加图片时,本地图像将显示为Blob编码图像。 我想编码到base64。我什么也找不到。只有这一点: images_upload_handler: function (blobInfo, success, failure) { success("data:" + blobInf

这是我的TinyMCE配置的一部分:

{
...
plugins: 'code paste',
paste_data_images: true,
...
}
当我通过TinyMCE中的简单拖放添加图片时,本地图像将显示为Blob编码图像。 我想编码到base64。我什么也找不到。只有这一点:

images_upload_handler: function (blobInfo, success, failure) {
    success("data:" + blobInfo.blob().type + ";base64," + blobInfo.base64());
}

我能做什么?

当这些图像被发送到服务器时,它们实际上是Base64编码的图像。将内容粘贴/拖动到编辑器中时,浏览器仅显示一个blob URL

如果查看此文档页面,它将概述在将图像粘贴/拖动到编辑器中时可以配置TinyMCE的操作:

实际上,当TinyMCE将图像发送到服务器时,您需要服务器端代码来处理图像。大多数人不需要为客户端编写自己的图像处理代码——您只需配置
图像上传\u url
参数,告诉编辑器将文件发送到哪里:

真正的工作是在上传文件后如何处理该文件-即服务器端处理Base64映像并将其存储在服务器上所需的代码。然后返回JSON,告诉TinyMCE为图像的
src
属性输入什么

此处介绍了上传图像后的操作流程:


我不需要在服务器上保存图像。当我看到斑点时,我不明白我的形象在哪里?如果我看到src=“data:image…;base64,dedewdewd24e=e…”,一切都清楚了。当你看到博客时,你的图像就在你的浏览器中,它暂时在那里,直到你关闭浏览器。它不是存储在任何地方,而是存储在浏览器内存中。奇怪。。。您的代码对我的成功起到了很好的作用(“数据:+blobInfo.blob().type+”“base64”+blobInfo.base64());它是一个blob缓存本地url,现在它的url base64图像指向本文:-它帮助我解决了我想要base64而不是tinymce body中的blob的问题。