6

在 Windows 下，我无法在 QML 中加载具有绝对文件路径的图像。每次我收到以下错误：

QML Image: Cannot open: "file//d/folder/image1.jpg"

在 Ubuntu 下它运行完美。

该图像由以下代码设置为动态：

Image {
      id: img
      x: 0
      y: 25
      width: 227
      height: 230
      anchors.horizontalCenter: parent.horizontalCenter
      source: "file://"+path
      fillMode: Image.PreserveAspectFit
  }

如果我单击图像，我及时测试了以下命令：

onClicked:{

                console.log(path)
    }

比我得到当前路径：D:/folder/image1.jpg Windows 有解决方法吗？

问候

4

3 回答 3

15

“file//d/folder/image1.jpg”不是有效的 URL。它应该是“file:///d:/folder/image1.jpg”。

于 2014-12-20T19:37:38.693 回答
4

好的，我找到了解决方案。我QDeclarativeImageProvider在 C++ 中实现了一个处理图像路径并返回一个 PixelMap 的方法。如果你感兴趣：

图像提供程序.h

 #ifndef IMAGEPROVIDER_H
 #define IMAGEPROVIDER_H
 #include <QDeclarativeImageProvider>
class ImageProvider : public QObject, public QDeclarativeImageProvider
{
    Q_OBJECT
   public:

    ImageProvider(QDeclarativeImageProvider::ImageType type);
    ~ImageProvider();
    QImage requestImage(const QString& id, QSize* size, const QSize& requestedSize);
    QPixmap requestPixmap(const QString& id, QSize* size, const QSize& requestedSize);   
 };
#endif // IMAGEPROVIDER_H

图像提供程序.cpp

#include "imageprovider.h"
#include <QFile>
#include <QImage>
#include <QPixmap>
#include <QDebug>


ImageProvider::ImageProvider(QDeclarativeImageProvider::ImageType type) :
QDeclarativeImageProvider(type){}

ImageProvider::~ImageProvider(){}

QImage ImageProvider::requestImage(const QString& id, QSize* size, const QSize&    requestedSize)
{
    QImage image(id);
    QImage result;

    if (requestedSize.isValid()) {
        result = image.scaled(requestedSize, Qt::KeepAspectRatio);
    } else {
         result = image;
    }
    *size = result.size();
    return result;
}

 QPixmap ImageProvider::requestPixmap(const QString& id, QSize* size, const QSize& requestedSize)
 {
    QPixmap image(id);
    QPixmap result;

    if (requestedSize.isValid()) {
        result = image.scaled(requestedSize, Qt::KeepAspectRatio);
    } else {
    result = image;
    }
    *size = result.size();
    return result;
}

在 mainwindow.cpp 中注册

   view->engine()->addImageProvider(QString("extern"), imageProvider);

qml 文件的片段

  Image {
      id: img
      x: 0
      y: 25
      width: 227
      height: 230
      anchors.horizontalCenter: parent.horizontalCenter
       source: "image://extern/"+path
      //doesn't find absolute path in windows source: "file://"+path
      fillMode: Image.PreserveAspectFit
  }
于 2013-04-07T20:05:12.270 回答
0

请使用以下路径"qrc:///your_imagepath"

于 2018-05-09T06:31:48.233 回答