ios wkwebview blob图片预览 get<img> error: 怎么处理，前端转换blob为base64

在 iOS 的 WKWebView 中预览 Blob 图片通常会遇到问题。这是因为 WKWebView 不支持 Blob URL，而是需要将 Blob URL 转换为 Data URL (Base64) 格式的 URL。

以下是一种将 Blob URL 转换为 Data URL 的方法：

function blobToDataURL(blob, callback) {
  var reader = new FileReader();
  reader.onload = function(e) {
    callback(e.target.result);
  };
  reader.readAsDataURL(blob);
}

你可以使用这个方法将 Blob URL 转换为 Data URL，然后在 WKWebView 中预览图片。例如：

// 获取 Blob URL
var imgUrl = "blob:http://example.com/5a7a8e3e-3d81-4c6a-92b8-1e3c3b5a9ff6";

// 转换为 Data URL
blobToDataURL(imgUrl, function(dataUrl) {
  // 在 WKWebView 中显示图片
  var img = document.createElement("img");
  img.src = dataUrl;
  document.body.appendChild(img);
});

这种方法可以解决在 iOS 的 WKWebView 中预览 Blob 图片的问题。