Estoy tratando de obtener un objeto dataUrl de javascript y convertirlo en un archivo enviándolo desde el sitio web a qml y luego a un archivo.
Tengo el siguiente código para hacer esto, pero parece que no funciona según lo previsto, ya que el archivo guardado (por ejemplo, una imagen) está en blanco.
En javascript, estoy tomando el dataUrl y obtengo la parte base64 de él.
async function handleDownload(e) { if (link !== null || url != null) { e.preventDefault(); const base64 = url != null ? url.split(',')[1] : link.split(',')[1]; QML.handleDownload(base64, name); } }En qml solo tengo una función simple que transfiere la cadena base64 al backend de C++:
function handleDownload(fileBase64, fileName) { console.log("Downloaded " + Backend.saveBase64(fileBase64, fileName)) }Y en C++ estoy usando la siguiente función para guardarlo en un archivo'
QString Backend::saveBase64(QString fileBase64, QString fileName) { const QByteArray base64Array = fileBase64.toUtf8().toBase64(); QString path("/home/user/Downloads/" + QString(QDir::separator()) + fileName); QFile file(path); file.open(QIODevice::WriteOnly); file.write(base64Array); file.close(); return path; }También quiero agregar que dataUrl no es solo un archivo de imagen, sino que también puede ser cualquier otro tipo de archivo.
La pregunta también se puede usar como un ejemplo mínimo dado que un dataUrl se parece a esto: data:[<mediatype>][;base64],<data> y también proporciona qml y la función que le permite comunicarse entre javascript qml y qml cpp.
De todos modos. Al final me las arreglé para llegar a la siguiente función.
QString Backend::saveBase64(QString fileBase64, QString fileName) { QString path("/home/phablet/.cache/cinny.nitanmarcel" + QString(QDir::separator()) + fileName); QFile file(path); file.open(QIODevice::WriteOnly); file.write(QByteArray::fromBase64(fileBase64.toLocal8Bit())); file.close(); return path; }Lo que estaba haciendo mal es que tomé la cadena base64 y la convertí nuevamente a base64, lo que provocó que los datos se corrompieran.