pyqt5中webEngineView的setHtml方法如何显示外部图片

已于 2024-06-19 17:34:11 修改
阅读量216 收藏
点赞数 2
文章标签： pyqt
于 2024-06-18 17:50:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47289071/article/details/139779987
版权

最近在做一个pyqt5的搜索功能，搜索的内容是html内容并且高亮搜索词

webEngineView有俩个方法可以显示网页

一个是load方法这个方法对于本地html文件的外部图片是可以正常

webEngineView.load(QUrl.fromLocalFile('html文件地址'))

 但是要搜索HTML文件内容时就必须使用webEngineView的setHtml方法，但是这个方法显示读取的HTML文件时不能显示外部图片，网上也没找到方法，最后没办法只能把图片转成base64格式内嵌到html文件中，但是对应搜索而且增加的搜索难度。无意中看到webEngineView的文档中setHtml方法有一个baseUrl属性，只要把遍历的HTML文件地址添加到其中就可以显示外部图片

webEngineView.setHtml(file_content, baseUrl=QUrl.fromLocalFile(file_path))
 


                

        

        

    

  


    

      

        

            

              
                
                  m0_47289071
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
38.Python中QWebEngineView使用方法示例

				
			

			

				

					智盟科技智能制造团队的博客
				

				

					04-16
					
					560
					
				

			

		

		

			
				
在Python中，我们通常使用PyQt5或PySide2库来使用Qt的QWebEngineView。QWebEngineView是一个小部件，可以用来显示网页。QWebEngineView.load方法用于加载并显示一个URL指定的页面。它需要一个QUrl对象作为参数。QWebEngineView.setHtml方法用于设置当前页面的HTML内容。它需要一个字符串作为参数，该字符串包含要显示的HTML内容。

			
		

	



                

              
                



	

		

			

				
					
qt + echarts  使用QWebEngineView 显示 echarts图表小白教程

				
			

			

				

					kB0SS的博客
				

				

					04-12
					
					2984
					
				

			

		

		

			
				
1、从Echarts官网先把库下下来，



然后到下载界面

再往下拉，选择定制



因为只是上手demo，直接使用默认的定制项

但是下面这个兼容选项一定要勾



这里是我遇到的第一个坑，不勾这个会导致后面加载的网页不显示画面

然后点击下载，就能构建出一个echarts.min.js的js文件，保存下来

接下来就是创建使用这个echarts库的html文件

新建文本文档，重命名为2....

			
		

	



                


  
              

                


	

		

			

				
					
PyQT5 （六十三）QWebEngineView 使用Web浏览器控件显示网页 的案例

				
			

			

				

					Ggome的博客
				

				

					10-25
					
					1110
					
				

			

		

		

			
				
QWebEngineView 使用Web浏览器控件显示网页 的案例

PyQt5和Web的交互技术
同时使用Python和Web开发程序，混合开发，可以实现任何一种漂亮的UI

Python + JavaScript + HTML5 + CSS

QWebEngineView




import sys

from PyQt5.QtCore import QUrl
from PyQt5.QtGui import QIcon
from PyQt5.QtWebEngineWidgets import QW..

			
		

	





	

		

			

				
					
Qt嵌入浏览器—QWebEngineView实现浏览器基本功能（内含代码例子）

				
			

			

				

					bigger_belief的博客
				

				

					03-03
					
					1万+
					
				

			

		

		

			
				
Qt嵌入浏览器—QWebEngineView实现浏览器基本功能

			
		

	



		

			
		



	

		

			

				
					
QWebEngineView内嵌本地HTML及数据交互完整代码

				
			

			

				

					09-05
				

			

		

		

			
				
PyQt5 QWebEngineView内嵌本地HTML。实现数据交互完整代码。

			
		

	





	

		

			

				
					
QT5百度地图开发学习——GraphicsView控件提升为QWebEngineView地图显示

				
			

			

				

					qq_40420104的博客
				

				

					11-03
					
					3717
					
				

			

		

		

			
				
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结


前言
提示：这里可以添加本文要记录的大概内容：
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考
一、pandas是什么？
示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。
二、使用步骤
1.引入库
代码如下（示例）：
import numpy as np
import

			
		

	





	

		

			

				
					
PyQt5显示GIF图片的方法

				
			

			

				

					09-19
				

			

		

		

			
				
### PyQt5显示GIF图片的方法详解  在进行GUI应用程序开发时，经常需要用到各种动态效果来增强用户界面的交互性和美观度。其中，GIF动画因其轻量级且易于处理的特点而被广泛应用于各类应用程序中。PyQt5作为Python...

			
		

	





	

		

			

				
					
pyqt5让图片自适应QLabel大小上以及移除已显示的图片方法

				
			

			

				

					01-20
				

			

		

		

			
				
from PyQt5.QtWidgets import (QWidget, QHBoxLayout, QLabel, QApplication) from PyQt5.QtGui import QPixmap class Example (QWidget):  def __init__(self):  super ().__init__ ()  self.initUI ()  def initUI...

			
		

	





	

		

			

				
					
详解PyQt5中textBrowser显示print语句输出的简单方法

				
			

			

				

					09-16
				

			

		

		

			
				
总结来说，要在PyQt5中使用`textBrowser`显示`print`语句的输出，你需要创建一个自定义的`printf`方法，将`print`替换为调用此方法，并将`QTextBrowser`对象作为接收输出的容器。在其他模块中，通过传入`printf`方法...

			
		

	





	

		

			

				
					
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法

				
			

			

				

					09-19
				

			

		

		

			
				
在PyQT5中，开发GUI应用时，常常需要创建用户界面（UI）并处理各种窗口元素，如列表、滚动窗口等。本篇文章将探讨如何利用PyQT5来实现这些功能，特别是如何展示图片。  首先，我们需要创建一个列表窗口来显示文件夹...

			
		

	





	

		

			

				
					
qt QWebEngineView 使用和截屏显示绘制输出

				
			

			

				

					qq_35083314的博客
				

				

					08-13
					
					1559
					
				

			

		

		

			
				
首先继承QWebEngineView
    因为直接使用是不能鼠标点击跳转链接的。而且我们通常情况下还要获取网页的小图标显示

鼠标点击跳转链接
    关于这点肯定是要重新实现createWindow接口。网上也有很多例子。但是qt不同版本可能实现的不一样。

     我查看的有两种方式（不同qt版本下）：直接在接口里面return this或者是重新new一个QWebEngineView然后返回对象管理。

     我这边使用的是第一种方式。

  2...

			
		

	





	

		

			

				
					
QWebEngineView加载本地html三种方法

					
热门推荐

				
			

			

				

					hezf5224的博客
				

				

					03-20
					
					2万+
					
				

			

		

		

			
				
QWebEngineView加载本地html方法
简述
Qt5.5之后使用新的QWebEngineView代替了QWebKit。加载数据的方式也由同步变成了异步。项目中刚好需要用到QWebEngineView，使用时踩到了一些坑，特意记录下来。
setHtml(const QString& html, const QUrl& baseUrl = QUrl())
把html数据写入到...

			
		

	





	

		

			

				
					
QWebEngineView异步获取加载图片的尺寸

				
			

			

				

					weixin_44231643的博客
				

				

					04-10
					
					809
					
				

			

		

		

			
				
背景

之前写过一篇帖子，描述使用QWebView来显示气泡弹框。最近因为工作需要，QT版本升级到了5.12.4，原先的QWebView不能用了，改用新的QWebEngineView来显示气泡弹框。

思路描述

QWebEngineView的使用方式改为了异步，这点跟以前有很大不同。所以不能再通过以前的接口获取已加载网页的尺寸大小。
这里采用的解决方法，是自己拼接对应的html字符串，通过JS调...

			
		

	





	

		

			

				
					
Qt5 QWebEngineView加载网页本地另存为html文件或者URL并显示其中图片

				
			

			

				

					有问题或资源连接有缺失的可以私信公众号新潮看世界获取
				

				

					03-08
					
					4557
					
				

			

		

		

			
				
通过URL来加载网页的方式网上很多了，我也就不废话了，很简单，如下：


     QWebEngineView *view = new QWebEngineView(parent);
     view->load(QUrl("http://qt-project.org/"));
     view->show();


而通过本地html文件加载的话，譬如我们保存了某个网页为html，然后在QWebEngineView中显示，就需要考虑路径的问题了。

而这个路径必须是绝对路径，所以我们还需

			
		

	





	

		

			

				
					
Qt中浏览器QWebEngineView的使用1

				
			

			

				

					TiredWind的博客
				

				

					04-25
					
					1万+
					
				

			

		

		

			
				
当今的桌面软件开发，web化逐渐成为了趋势，VSCode，Atom等一系列优秀的软件都是基于github家的Electron（使用html，css，js来进行开发的桌面端应用程序），通俗得来说，就是把网页打包成一个在桌面运行的程序。优点是开发快速，前端也能开发桌面软件，并且跨平台，缺点是性能差速度慢，不能做成大型商业软件。类比一下notepad和vscode的打开速度就知道了。



回到本篇博客的目的，我们为什么要在Qt中嵌入一个网页？为什么不直接使用Electron开发整套软件？

1. 由于web端.

			
		

	





	

		

			

				
					
pyqt5中qlabel显示图片

					
最新发布

				
			

			

				

					04-08
				

			

		

		

			
				
在PyQt5中，可以使用QLabel来显示图片。首先，你需要导入PyQt5库和相关模块：  ```python from PyQt5.QtWidgets import QApplication, QLabel, QMainWindow from PyQt5.QtGui import QPixmap import sys ```  然后，...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值