将现有的img转换为base64

Question

我正在寻找一种优雅的方法将文档中的现有<img>转换为base64加载<img>。因此，只需将src url转换为base64数据。

获得此项的最佳方式是什么？

Answer 1

我成功完成了这项工作！ （我遇到了同样的问题。）在下面的代码中，img是图像DOM元素：

var canvas = document.createElement('canvas');
canvas.width = img.width;
canvas.height = img.height;
img.crossOrigin = "anonymous";
canvas.getContext('2d').drawImage(img, 0, 0);
var dataUrl = canvas.toDataURL('image/png');

行img.crossOrigin = "anonymous"; helps以某种方式绕过CORS，虽然我不确定这是否是“黑客”并且可能在某些时候“修复”，因为我不完全理解这个问题与CORS在这里。