Auf wix habe ich ein Formular, das eine Reihe von Informationen in eine Datenbank hochlädt (Name, E-Mail, Adresse usw.). Ich habe dann eine separate Seite, die die Daten aus der Datenbank nimmt und sie in ein CSV-Format kompiliert.
Es gibt dies derzeit in ein Textfeld aus, das ich von dort in eine txt-Datei kopieren und die Erweiterung in csv ändern kann. Das funktioniert für mich einwandfrei, aber ich bin mir nicht sicher, ob andere das auch können.
Meine Frage ist also, ob es eine Möglichkeit gibt, diese Daten in eine Datei zu konvertieren und dann herunterzuladen.
Meine Daten sehen ungefähr so aus:
"_id, lastName, firstName
345893458, Smith, John "
Ich habe es herausgefunden, für alle, die sich fragen, hier ist die Lösung.
Sie müssen ein Iframe-Objekt auf Ihrer Wix-Seite erstellen
Dann ändern Sie den HTML-Code, um Folgendes zu lesen:
<!doctype html>
<html>
<head>
<script type="text/javascript">
function init () {
window.onmessage = (event) => {
if (event.data) {
download('data.csv', event.data)
}
}
}
//download file
function download(filename, text) {
var element = document.createElement('a');
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
element.setAttribute('download', filename);
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
</script>
</head>
<body onload="init();" style="background-color:black;">
</body>
</html>
Hinweis Das Einstellen der Hintergrundfarbe ist wichtig, nicht genau sicher warum, aber ich bin mir ziemlich sicher, dass es den Code irgendwie initialisiert.
Als nächstes möchten Sie eine solche Zeile in Ihren Wix-Code-Editor einfügen
export function button2_click(event) {
// send message to the HTML Component
let data = $w('#output').value
$w("#html1").postMessage(data);
}
Dabei handelt 'output'es sich um die ID des Textfelds mit CSV-Daten (Sie können Daten von einem anderen Ort abrufen) und 'html1um die ID des Iframe-Containers
Stellen Sie sicher, dass die Funktion mit einem Tastendruck verbunden ist.
Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen