### 在 PyQt Web 界面中显示图片的方法 要在 PyQt 开发的 Web 界面中显示图片，可以通过 `QWebEngineView` 加载 HTML 页面，并在 HTML 中使用 `<img>` 标签来嵌入图片。以下是具体实现方法和示例代码。 #### 方法说明 1. **HTML 嵌入图片**：使用 `<img>` 标签将图片路径指定为 `src` 属性值。图片可以是本地文件路径或网络 URL。 2. **加载 HTML 内容**：通过 `QWebEngineView.setHtml()` 方法，将包含图片的 HTML 代码加载到 `QWebEngineView` 控件中。 3. **本地图片路径处理**：如果图片是本地文件，需要将其路径转换为 `file://` 协议格式[^1]。 #### 示例代码 以下是一个完整的示例代码，展示如何在 PyQt 的 Web 界面中显示本地图片和网络图片： ```python import sys from PyQt5.QtCore import QUrl from PyQt5.QtWidgets import QApplication, QMainWindow, QVBoxLayout, QWidget from PyQt5.QtWebEngineWidgets import QWebEngineView class WebBrowser(QMainWindow): def __init__(self): super().__init__() self.setWindowTitle("PyQt Web Browser with Image") self.setGeometry(100, 100, 800, 600) # 创建 QWebEngineView 控件 self.webview = QWebEngineView() # 定义 HTML 内容，包含本地图片和网络图片 html_content = """ <html> <body> <h1>PyQt Web Interface Example</h1> <p>Below is a local image:</p> <img src="file:///path/to/your/local/image.jpg" alt="Local Image" width="300" height="200"> <p>Below is an online image:</p> <img src="https://www.example.com/sample-image.jpg" alt="Online Image" width="300" height="200"> </body> </html> """ # 加载 HTML 内容到 QWebEngineView self.webview.setHtml(html_content) # 将 QWebEngineView 控件添加到主窗口 layout = QVBoxLayout() layout.addWidget(self.webview) main_widget = QWidget() main_widget.setLayout(layout) self.setCentralWidget(main_widget) if __name__ == "__main__": app = QApplication(sys.argv) browser = WebBrowser() browser.show() sys.exit(app.exec_()) ``` #### 注意事项 - 替换 `file:///path/to/your/local/image.jpg` 为实际的本地图片路径[^1]。 - 确保图片路径正确且可访问。如果图片位于项目目录中，可以使用相对路径[^2]。 - 对于网络图片，确保图片 URL 可用并能正常访问。 --- ###