Auto.js 使用 img 控件展示 Base64 图片

在 Auto.js 的 UI 界面中，您可以使用 img 控件来显示图片。当用户点击按钮时，可以通过设置 img 控件的 src 属性来显示一张 Base64 图片。

以下是使用 Auto.js 的代码示例：

var imgBase64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRF////AAAAAP///////9aJZDgAAAAAN0Uk5T//8A18oNQQAAAONJREFUeJxjYBgFgYGBg+P///w5YGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBgYGBjGv0+CENzW3cAAAAASUVORK5CYII=';

ui.layout(
  <vertical>
    <button id='showImgBtn' text='显示图片' />
    <img id='imgView' w='200' h='200' />
  </vertical>
);

ui.showImgBtn.on('click', function() {
  ui.imgView.attr('src', imgBase64);
});

这段代码创建了一个包含一个按钮和一个 img 控件的垂直布局。当用户点击按钮时，按钮的点击事件会触发，然后我们通过设置 img 控件的 src 属性为 base64 图片的值，从而显示该图片。您可以将您的 base64 图片替换掉示例中的 imgBase64 变量。

解释:

• imgBase64 变量存储了 Base64 编码的图片数据。
• ui.layout() 方法用于创建 UI 布局，此处创建了一个垂直布局，包含一个按钮和一个 img 控件。
• ui.showImgBtn.on('click', function() { ... }) 为按钮添加点击事件监听器，当按钮被点击时，执行事件处理函数。
• ui.imgView.attr('src', imgBase64); 设置 img 控件的 src 属性为 Base64 图片数据，从而显示该图片。

希望本文能够帮助您了解如何在 Auto.js 中使用 img 控件显示 Base64 图片。