如何将浏览器中加载的图像转换为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 输出。