How to Store and Retrieve Image on SQLite: Difference between revisions

From Qt Wiki
Jump to navigation Jump to search
(Add "cleanup" tag)
(expand code snippets into a full working example)
 
(2 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Cleanup | reason=Auto-imported from ExpressionEngine.}}
{{LangSwitch}}


[[Category:snippets]]
Images (or any other binary data, from files or otherwise) can be stored in a database.
[[Category:HowTo]]
One way to do it is converting the data into a QByteArray, and insert it into the database as a [[wikipedia:Binary large object|Binary Large OBject]] (BLOB).
 
Below is a full example of such a workflow, including reading the image back from the database and displaying it:


'''English''' | [[How_to_Store_and_Retrieve_Image_on_SQLite_German|Deutsch]] | [[How_to_Store_and_Retrieve_an_Image_or_File_with_SQLite_Spanish|Español]] | [[How_to_Store_and_Retrieve_Image_on_SQLite_Bulgarian|Български]]
<source lang="cpp">
#include <QtSql>
#include <QtWidgets>


= How to Store and Retrieve an Image or File with SQLite =
int main( int argc, char *argv[] )
{
    QApplication app( argc, argv );


Images or any files can be stored in a database. Here is one way to do it using the following steps:
    // Set up database
    QString dbName( "myDatabase.db3" );
    QFile::remove( dbName ); // delete sqlite file if it exists from a previous run
    QSqlDatabase db = QSqlDatabase::addDatabase( "QSQLITE" );
    db.setDatabaseName( dbName );
    db.open();
    QSqlQuery query = QSqlQuery( db );
    query.exec( "CREATE TABLE IF NOT EXISTS imgTable ( filename TEXT, imagedata BLOB )" );


1. Read the system file into a QByteArray.
    // Generate an image (in this case a screenshot) and store it in a QByteArray
2. Store QByteArray as a Binary Large Object in database.
    QScreen *screen = app.primaryScreen();
    QPixmap inPixmap = screen->grabWindow( 0 );
    QByteArray inByteArray;
    QBuffer inBuffer( &inByteArray );
    inBuffer.open( QIODevice::WriteOnly );
    inPixmap.save( &inBuffer, "PNG" ); // write inPixmap into inByteArray in PNG format


For example :
    // Alternatively, load an image file directly into a QByteArray
    // QFile file("screenshot.png");
    // if (!file.open(QIODevice::ReadOnly)) return;
    // QByteArray inByteArray = file.readAll();


<code>
    // Insert image bytes into the database
QFile file(fileName);
    // Note: make sure to wrap the :placeholder in parenthesis
if (!file.open(QIODevice::ReadOnly)) return;
    query.prepare( "INSERT INTO imgTable (filename, imagedata) VALUES ('screenshot.png', :imageData)" );
QByteArray byteArray = file.readAll();
    query.bindValue( ":imageData", inByteArray );
    if( !query.exec() )
        qDebug() << "Error inserting image into table:\n" << query.lastError();


QSqlQuery query;
    // Get image data back from database
query.prepare("INSERT INTO imgtable (imgdata) VALUES (?)");
    if( !query.exec( "SELECT imagedata from imgTable" ))
query.addBindValue(byteArray);
        qDebug() << "Error getting image from table:\n" << query.lastError();
query.exec();
    query.first();
</code>
    QByteArray outByteArray = query.value( 0 ).toByteArray();
    QPixmap outPixmap = QPixmap();
    outPixmap.loadFromData( outByteArray );
    db.close();


Now, the image/file can be retrieved like any other data
    // Display image
<code>
    QLabel myLabel;
QSqlQuery query("SELECT imgdata FROM imgtable");
    myLabel.setPixmap( outPixmap );
query.next();
    myLabel.show();
QByteArray array = query.value(0).toByteArray();
</code>


Creating a QPixmap from QByteArray :
    return app.exec();
<code>
}
QPixmap pixmap = QPixmap();
</source>
pixmap.loadFromData(array);
</code>


It is done. Now the pixmap can be used in a Button as icon or in label etc.
[[Category:Snippets]]
[[Category:HowTo]]

Latest revision as of 14:00, 24 November 2015

En Ar Bg De El Es Fa Fi Fr Hi Hu It Ja Kn Ko Ms Nl Pl Pt Ru Sq Th Tr Uk Zh

Images (or any other binary data, from files or otherwise) can be stored in a database. One way to do it is converting the data into a QByteArray, and insert it into the database as a Binary Large OBject (BLOB).

Below is a full example of such a workflow, including reading the image back from the database and displaying it:

#include <QtSql>
#include <QtWidgets>

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

    // Set up database
    QString dbName( "myDatabase.db3" );
    QFile::remove( dbName ); // delete sqlite file if it exists from a previous run
    QSqlDatabase db = QSqlDatabase::addDatabase( "QSQLITE" );
    db.setDatabaseName( dbName );
    db.open();
    QSqlQuery query = QSqlQuery( db );
    query.exec( "CREATE TABLE IF NOT EXISTS imgTable ( filename TEXT, imagedata BLOB )" );

    // Generate an image (in this case a screenshot) and store it in a QByteArray
    QScreen *screen = app.primaryScreen();
    QPixmap inPixmap = screen->grabWindow( 0 );
    QByteArray inByteArray;
    QBuffer inBuffer( &inByteArray );
    inBuffer.open( QIODevice::WriteOnly );
    inPixmap.save( &inBuffer, "PNG" ); // write inPixmap into inByteArray in PNG format

    // Alternatively, load an image file directly into a QByteArray
    // QFile file("screenshot.png");
    // if (!file.open(QIODevice::ReadOnly)) return;
    // QByteArray inByteArray = file.readAll();

    // Insert image bytes into the database
    // Note: make sure to wrap the :placeholder in parenthesis
    query.prepare( "INSERT INTO imgTable (filename, imagedata) VALUES ('screenshot.png', :imageData)" );
    query.bindValue( ":imageData", inByteArray );
    if( !query.exec() )
        qDebug() << "Error inserting image into table:\n" << query.lastError();

    // Get image data back from database
    if( !query.exec( "SELECT imagedata from imgTable" ))
        qDebug() << "Error getting image from table:\n" << query.lastError();
    query.first();
    QByteArray outByteArray = query.value( 0 ).toByteArray();
    QPixmap outPixmap = QPixmap();
    outPixmap.loadFromData( outByteArray );
    db.close();

    // Display image
    QLabel myLabel;
    myLabel.setPixmap( outPixmap );
    myLabel.show();

    return app.exec();
}