qml中图片格式和后缀不一致时导致图片不显示的问题(ios and android)

最新推荐文章于 2025-03-29 16:01:57 发布
原创 最新推荐文章于 2025-03-29 16:01:57 发布 · 792 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#笔记整理 #qml图片显示

当QML中图片格式与后缀不一致导致无法显示时，可以通过修改Qt源码实现忽略格式后缀，依据文件内容判断格式。具体修改位置为qimagereader.cpp的561行和1584行，设置ignoresFormatAndExtension为true。
修改原文件：
C:\Qt\Qt5.7.1\5.7\Src\qtbase\src\gui\image\qimagereader.cpp
将561行的 ignoresFormatAndExtension(false) 改为 ignoresFormatAndExtension(true) 
即忽略格式后缀，此时会根据文件内容判断格式而不是后缀
QImageReaderPrivate::QImageReaderPrivate(QImageReader *qq)
    : autoDetectImageFormat(true), ignoresFormatAndExtension(true)
{
    device = 0;
    deleteDevice = false;
    handler = 0;
    quality = -1;
    imageReaderError = QImageReader::UnknownError;
    autoTransform = UsePluginDefault;
    q = qq;
}

将1584行的
QImageIOHandler *handler = createReadHandlerHelper(device, format, /* autoDetectImageFormat = */ true, false);
改为：
QImageIOHandler *handler = createReadHandlerHelper(device, format, /* autoDetectImageFormat = */ true, true);

                

        

    


  



    



                



	

		

			

				
					
【Qt QML】Image组件

				
			

			

				

					wangyi463295828的博客
				

				

					12-13
					
					1937
					
				

			

		

		

			
				
高度设置时，图像将按比例缩小以适应指定的大小(除非使用了PreserveAspectCrop或PreserveAspectFit，否则它将按比例缩小以匹配裁剪/拟合的最佳大小)，保持图像的宽高比。保存了实际绘制的图像的大小。JPEG)，则加载的图像将不大于此属性指定的大小。还有一点需要注意，Image被加载成功后，会在内部被缓存和共享，因此如果几个Image项有相同的源，则只会加载图像的一个副本。与缩放图像绘制的宽度和高度属性不同，此属性为加载的图像设置存储的最大像素数，以便大型图像不会使用不必要的内存。

			
		

	



                

            
              



	

		

			

				
					
QT6 QML Image加载图片不显示的问题，编译方式CMake

				
			

			

				

					qq_35662333的博客
				

				

					09-16
					
					711
					
				

			

		

		

			
				
主要是记录QT6QML Image加载图片不显示的问题，编译方式CMake。

			
		

	



              


  
              

                


	

		

			

				
					
QML无法显示图像问题

				
			

			

				

					sun
				

				

					01-12
					
					5058
					
				

			

		

		

			
				
问题使用qt5.7在笔记本上和台式机上分别新建的Qt Quick项目。 
在台式机上可以显示出界面上的文字，但在笔记本上就什么也没有应用程序输出： 
shader compilation failed:  
“Failed to create D3D shaders.\n” 
QOpenGLShader::link: Failed to create D3D shaders. 
Failed to

			
		

	





	

		

			

				
					
QT获取图片格式，只写了jpg和png

				
			

			

				

					04-30
				

			

		

		

			
				
QT获取图片格式，只写了jpg和png，其他会返回空的字符串

			
		

	



		

			
		



	

		

			

				
					
【Qt】QML解决图片路径正确却无法显示的情况

				
			

			

				

					Fantasy4040的博客
				

				

					10-10
					
					862
					
				

			

		

		

			
				
其次将图片文件放于工程文件内，然后 在这个有main.qml的目录内，添加文件，把图片添加上去，重新创建工程即可。手机端图片无法显示：首先创建工程选择第一个，不能选第二个（理由未知）可以解决电脑端无法显示图片的问题，但手机端不行。file：然后跟路径。

			
		

	





	

		

			

				
					
QT QImage显示图片后缀问题，不能显示图片(Image is a null image)

				
			

			

				

					gmq_syy的博客
				

				

					09-15
					
					3073
					
				

			

		

		

			
				
QImage在加载图片的时候是按图片后缀识别图片类型的，加入我们有一张png的图片，但是图片后缀却是jpg，这时候按jpg加载就会出错，所以我们加载图片的时候可以给QImage指定后缀列表
QImage image(imgPath, "bmp,jpeg,png,jpg");
if (!image.isNull()) 
{
	...
}


...

			
		

	





	

		

			

				
					
Qt QML 解决SVG图片显示模糊的问题

				
			

			

				

					03-17
				

			

		

		

			
				
Qt中显示SVG图片模糊的问题，自绘图形，继承于QQuickPaintedItem，然后注册到QML中使用

			
		

	





	

		

			

				
					
Qt C++发送图片到QML显示

				
			

			

				

					02-25
				

			

		

		

			
				
开发Qt应用时，想把QImage发送到QML端通过Image组件显示出来，这种场景主要用在例如在C++端调用android系统接口截图然后发送到QML端显示，或者C++端QWidget截图然后让QML界面中显示。要想实现该功能，需要用到一个...

			
		

	





	

		

			

				
					
qml 拖拽图片

				
			

			

				

					06-11
				

			

		

		

			
				
在Qt开发中，QML（Qt Meta Language）是一种声明式语言，用于构建用户界面和交互逻辑。本示例“qml 拖拽图片”聚焦于如何利用QML实现在一个区域内自由拖动图片的功能，这对于创建具有高度互动性的桌面或移动应用来说...

			
		

	





	

		

			

				
					
QML中使用Image显示图片和使用QQuickItem显示图片

				
			

			

				

					
				

				

					03-29
					
					1111
					
				

			

		

		

			
				
在QML中显示图片时，Image元素和自定义QQuickItem有不同的特性和适用场景。Image。

			
		

	





	

		

			

				
					
QML Image加载出现 QML Image: Cannot open: qrc:.jpg

				
			

			

				

					weixin_60755571的博客
				

				

					04-09
					
					1906
					
				

			

		

		

			
				
在 CMake 中，​ 是一个 CMake 变量，用于自动处理 Qt 项目中的资源文件（.qrc 文件）。设置​ 为ON​ 后，CMake 将会自动识别项目中的 .qrc 文件，并使用 Qt 的资源编译器（rcc）自动编译这些资源文件。编译完成后，将会生成对应的源文件，这些源文件包含了资源文件中的数据，可以在项目中直接使用。具体来说，设置​ 为ON​ 后，CMake 将会自动查找项目目录下的 .qrc 文件，并将其作为资源文件进行处理。

			
		

	





	

		

			

				
					
QML Image: Cannot open: qrc:///new.pic.png

				
			

			

				

					weixin_30892037的博客
				

				

					03-11
					
					1396
					
				

			

		

		

			
				
初次遇到这个问题真有点摸不着头脑，于是乎百度一下咯，但是百度一向没有什么用，该有的没有，没用的回答倒是有特么一大堆。
自己解决：
　　我的解决方法很简答：
　　　　第一步：把图片放到当前路径下，也就是和.pro一个路径；
　　　　第二步：点击有main.qml的那个qrc用editor打开，然后添加这个图片文件；
　　　　第三步：右击新添加的图片copy the url 。然后...

			
		

	





	

		

			

				
					
qml服务器上的图片不显示的问题

				
			

			

				

					youyudexiaowangzi的专栏
				

				

					09-25
					
					1011
					
				

			

		

		

			
				
今天试着用qml的Image加载网络上的 图片，发现什么都不显示，但是用浏览器查看又可以访问，而且可以下载，下载之后用file:///E:/ab8fc3f078f027197484aa4cb30b9505可以访问

测试思路：

1.以为是后缀的问题，结果去服务器上修改文件名称，加上.jpg后缀依然没用

2.以为出bug了，用http://拼上路径又可以访问

3.想着本地文件能加载，那么就用Q...

			
		

	





	

		

			

				
					
【QT】QML Image: Cannot open: qrc:///XXXX.png

				
			

			

				

					ipfpm的博客
				

				

					01-06
					
					2642
					
				

			

		

		

			
				
背景：本地编译了qt程序没有问题，在部分环境上部署也没问题，但是到了arm板子上的ubuntu20环境后报错，加载不出来图片



解决方法：

自己的代码中把图片的资源文件.qrc，没有跟main.qml放在一块，放在了main.qml的下一级目录下。如下：

main.qml

icons-icons.qrc

qml.qrc

，将icons.qrc提出放在main.qml的同级目录下后就解决了。

main.qml

icons

icons.qrc

qml.qrc



备注：属于代码问题，当前

			
		

	





	

		

			

				
					
QML Image: Cannot open: qrc:///new.pic.png   QML加载图片问题

				
			

			

				

					Thanks for all things
				

				

					05-21
					
					5956
					
				

			

		

		

			
				
第一步：把图片放到当前路径下，也就是和.pro一个路径；



第二步：点击有main.qml的那个qrc用鼠标右键，添加现有文件,找到图片添加,



第三步：运行就可以出图片了




import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Image {
        sou

			
		

	





	

		

			

				
					
【Qt】QML Image: Cannot open: qrc...处理方案

				
			

			

				

					Fantasy4040的博客
				

				

					10-09
					
					1296
					
				

			

		

		

			
				
显示：QML Image: Cannot open: qrc:/mark/tit1.jpg（后面mark，tit1是当时的文件夹和例子）即如果从文件系统中定位文件，就将路径前加个file：后面再跟其它路径，网上我找到的其它方案都无法解决问题。问题情况：使用image中的source打不开图片。

			
		

	





	

		

			

				
					
【Qml】QML QQuickImage: Cannot open

				
			

			

				

					FBI_BAIGOU的博客
				

				

					09-03
					
					707
					
				

			

		

		

			
				
在学习Qml的时候，使用到Image元素。用Image展示图片的时候，图片放在qrc资源文件中。启用了 CMake 自动处理 Qt 资源文件 (在CMakeLists.txt文件中添加。导致图片无法正常显示。

			
		

	





	

		

			

				
					
Vs+Qt+qml显示图片问题

				
			

			

				

					大AI时代，人性化的信息更加难得可贵
				

				

					11-29
					
					275
					
				

			

		

		

			
				
1、背景
采用quickwidget+qml方式，在qml里生成了Image，希望在c++里传入图片路径，qml显示
2、问题
传入相对路径，显示失败；传入普通的绝对路径也显示失败
3、解决
在c++里将相对路径转化为绝对路径，并且加上制定的前缀发给qml显示

C++:
QString path = "./xxx/xxx/yy.png";//相对路径
QString globelPath = ...

			
		

	





	

		

			

				
					
QT6中报错QML Image: Cannot open: qrc:/xxx【已解决】

				
			

			

				

					weixin_41941052的博客
				

				

					12-31
					
					779
					
				

			

		

		

			
				
主要是QT从qmake转到了cmake导致的，需要手动添加qrc资源文件到qt_add_executable,并设置CMAKE_AUTORCC为ON。

			
		

	





	

		

			

				
					
qml加载.bmp格式图片，不压缩图片

					
最新发布

				
			

			

				

					06-19
				

			

		

		

			
				
### QML 中加载 BMP 图片并确保无损不压缩

在 QML 中加载 `.bmp` 格式的图片时，可以通过 `Image` 或 `Pixmap` 元件实现。Qt 本身对 BMP 格式有良好的支持，并且默认情况下不会对 BMP 图片进行压缩或修改[^1]。以下是具体实现方法：

#### 加载 BMP 图片的示例代码
```qml
import QtQuick 2.15
import QtQuick.Controls 2.15

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: "QML BMP Image Loader"

    Image {
        id: bmpImage
        source: "path/to/your/image.bmp" // 替换为实际的 BMP 文件路径
        anchors.centerIn: parent
        fillMode: Image.PreserveAspectFit
    }
}
```

#### 确保图片无损加载
- Qt 的 `Image` 元件会根据文件扩展名自动识别图片格式[^1]。
- BMP 图片在加载时不会被压缩，因为 Qt 使用的是底层的图像处理库（如 QImage），该库能够以原始格式读取 BMP 文件[^1]。
- 如果需要进一步验证图片是否被修改，可以将加载后的图片重新保存为 BMP 文件，并比较原始文件与保存后的文件大小和内容。

#### 示例：保存图片为 BMP 格式
以下是一个 C++ 示例，展示如何将 QML 中加载的图片保存为 BMP 文件而不进行压缩：
```cpp
#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QImage>

int main(int argc, char *argv[]) {
    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    const QUrl url(QStringLiteral("qrc:/main.qml"));
    engine.load(url);

    if (engine.rootObjects().isEmpty())
        return -1;

    // 获取 QML 中的 Image 元件
    QObject *imageObject = engine.rootObjects().first()->findChild<QObject*>("bmpImage");
    if (imageObject) {
        QImage image = qvariant_cast<QImage>(imageObject->property("source")); // 获取图片数据
        image.save("output.bmp", "BMP"); // 保存为 BMP 格式
    }

    return app.exec();
}
```

#### 注意事项
- 如果图片加载失败，请检查图片路径是否正确以及图片文件是否损坏[^2]。
- 确保使用的 Qt 版本支持 BMP 格式。通常，Qt 5 及以上版本都支持 BMP 格式[^1]。
- 在 Android 平台上使用 BMP 格式时，需要注意设备的兼容性问题[^3]。虽然 Android 原生支持 BMP 格式，但在某些特定场景下可能会遇到解码失败的问题。

---

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值