Qt技巧：QTextEdit显示网络图片

最新推荐文章于 2026-07-24 14:22:48 发布

转载最新推荐文章于 2026-07-24 14:22:48 发布 · 6.3k 阅读

收录于

QT/图形图像

本文介绍两种在Qt5中QTextEdit组件上显示网络图片的方法：直接显示与通过下载保存至本地后再加载。第一种方法仅支持本地图片，第二种方法详细介绍了使用QNetworkAccessManager下载图片并利用QPixmap处理的过程。

Qt5的QNetworkAccessManager 类可以很方便的访问网络资源，QNetworkRequest类可以用于发送网络请求，而QNetworkReply则负责接收处理网络资源；今天遇到一个问题，如何在QTextEdit上显示一张网络图片，用了几种办法，最终终于解决了，在这里分享一下。

方法一：直接显示
QTextEdit有一个属性，就是可以借助html标记来插入图片，例如：

 
ui->textEdit->append("<img< span="" style="word-wrap: break-word;"> src=c://tmp1.jpg>");

于是，首先想到的办法就是修改 "<img< span="" style="word-wrap: break-word;"> src=c://tmp1.jpg>" 中的url，将其替换为http://xxxx.jpg，如下：

 
ui->textEdit->append("<img< span="" style="word-wrap: break-word;"> src=http://img0.bdstatic.com/img/image/shouye/dengni63.jpg>");

但结果是，我太异想天开了，经过试验，证明这种方法只适用于本地图片。

方法二：先下载保存至本地，然后再加载图片

既然<img< span="" style="word-wrap: break-word;"> src=xxx>无法解析网络资源，那么就把图片资源下载下来，保存到本地，当作本地文件来显示吧。那么，现在的问题就变成怎么下载和保存资源文件了。
就下载而言，Qt5的QtNetwork模块为我们提供了相当便利的接口，这里就不讲了。
说说保存网络图片数据吧。
原始的做法是读取网络资源的原始数据，再经过对应格式的转换，变成我们需要的文件。这里由于保存的是图片文件，因此可以使用QPixmap的QPixmap::loadFromData和QPixmap::save方法。
我们来看官方的文档说明：

bool QPixmap::loadFromData(const QByteArray * data,

                            uint len,

                            const char * format = 0,

                            Qt::ImageConversionFlags flags = Qt::AutoColor);

其中：

 
const QByteArray * data : 图片的原始数据（二进制、字节数组）
uint len : 图片数据长度
const char * format : 图片格式（支持的格式见下图）

 
Qt::ImageConversionFlags flags ：图片转换标识8-bit/32-bit（支持的标识如下图）

支持的图片格式：

支持的图片转换标识：

接下来看QPixmap::save ：

bool QPixmap::save(const QString & fileName, const char * format = 0, int quality = -1) const;

其中：

const QString & fileName ： 希望保存的图片名称

const char * format ： 希望保存图片格式
int quality ： 希望保存的图片质量（-1为默认值，若自定义，则取之区间为[0-100]，0为最大压缩，100为不压缩，即原始图片）

好了，基本知识掌握之后就可以来写代码了，主要部分粘贴如下：

 //构造函数

MainWindow::MainWindow(QWidget *parent) :
 QMainWindow(parent),
 ui(new Ui::MainWindow)
{
 ui->setupUi(this);
 pixmap = new QPixmap;
 manager = new QNetworkAccessManager(this);
 connect(manager, SIGNAL(finished(QNetworkReply*)), this, SLOT(slot_replyFinished(QNetworkReply*)));
 QNetworkRequest request;
 request.setUrl(QUrl("http://img0.bdstatic.com/img/image/shouye/dengni63.jpg"));
 manager->get(request);
}
 //槽函数

void MainWindow::slot_replyFinished(QNetworkReply* reply)
{
 QPixmap pix;
 QByteArray data = reply->readAll();
 pix.loadFromData(data, "JPG");
 pix.save("c://tmp1.jpg", "JPG", 100);
 ui->textEdit->append("<img< span="" style="word-wrap: break-word;"> src=c://tmp1.jpg>");
}