Qt技巧：QTextEdit显示网络图片

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

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

 
ui->textEdit->append(" src=c://tmp1.jpg>");

    于是，首先想到的办法就是修改 " src=c://tmp1.jpg>" 中的url，将其替换为xx.jpg，如下：

 
ui->textEdit->append(" src=http://img0.bdstatic.com/img/image/shouye/dengni63.jpg>");
 

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


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

    既然 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(" src=c://tmp1.jpg>");
}

看下效果，哈哈，度娘图片首页推荐的图片，不要想太多：


PS：
   之后会研究QTextEdit的拖拽复制功能，日后提供更新。