keditor将Blob生成的图像URL转换为base64

Question

我正在为文档使用keditor。 我的问题是图像是作为Blob生成的，我无法知道它们的存储位置，因此，在将文件转换为另一种格式时，图像会丢失。

带有Blob的示例图片标签：

<img src="blob:http://localhost/7b0e82ab-445b-4866-b8b5-09b4881a0544" width="100%" height="" style="display: inline-block;">

我希望可以找到一种使用PHP或JS将其转换为Blob的方法。

我也找到了这篇文章，但没有提供解决方案：

JS将Blob网址转换为Base64文件

Answer 1

使用AJAX：

$.ajax({
      method: "GET",
      url: "blob:http://127.0.0.1:8000/e89c5d87-a634-4540-974c-30dc476825cc",
      dataType: "binary",
    }).done(function( data ) {
        var reader = new FileReader();
        reader.readAsDataURL(data); 
        reader.onloadend = function() {
             var base64data = reader.result;
             console.log(base64data)
        }
    });

还没有测试过，但是应该指向正确的方向。

Answer 2

在代码中的某个地方，您有一个对Blob的引用，您必须获取该Blob网址，然后将其传递给FileReader，如下所示：

 // Just an example file var blob = new Blob(['abc'], {type: 'text/plain'}) var reader = new FileReader() reader.onload = function() { var base64data = reader.result console.log(base64data) } reader.readAsDataURL(blob)