如何将浏览器中加载的图像转换为 base64 字符串？

Question

我在 qml WebView加载了一个 url ，在这个页面中有一个图像并且正在用WebView显示但是当我用`document.documentElement.innerHTML'获取页面的源时，我看到这样的图像标签：

<td class="labelColumn">
<img class="g-Image" title="Captha Image" src="https://website.com/user-account/gwt/entrypoint/registeruser.captcha" style="height: 35px; width: 130px;">
</td>

但是WebView正在显示此图像，我的问题是我应该能够以 base64 字符串或其路径获取图像。 我怎样才能找到图像？

当我运行document.images[0].src我会得到https://website.com/user-account/gwt/entrypoint/registeruser.captcha 。

我想要图像的内容，它可能是 base64 字符串或路径或...。

Answer 1

使用 HTMl5 <canvas>元素。

在画布内加载图像，然后使用toDataURL()方法/函数。 这应该给你 base64 输出。