Revue texte page site démo permettant de sélectionner son fichier + compilation en JS du script de la page.

This commit is contained in:
Fabrice PENHOËT 2021-11-12 12:13:22 +01:00
parent f1f8c20557
commit 9d37d76cfb
2 changed files with 5 additions and 4 deletions

View File

@ -26,12 +26,12 @@
<h2>Affichez les données de votre fichier CSV</h2>
<p>Cette page vous permet de tester directement FreeDatas2HTML en affichant les données dun fichier CSV de votre choix. Une fois votre fichier sélectionné, vous pourrez choisir les champs/colonnes à afficher. Suivant la taille de votre écran ou encore le nombre champs, le résultat peut être + ou lisible… Sachez que FreeDatas2HTML permet dafficher les données autrement que sous forme de tableau.</p>
<p>Cette page vous permet de tester directement FreeDatas2HTML en affichant les données dun fichier CSV de votre choix. Une fois votre fichier sélectionné, vous pourrez choisir les champs/colonnes à afficher. Suivant la taille de votre écran ou encore le nombre champs, le résultat peut être + ou lisible… Sachez que FreeDatas2HTML permet dafficher les données autrement que sous forme de tableau. Si vous visionnez cette page avec votre mobile, <a href="./examples.html#content">préférez les autres exemples</a> dont l'affichage s'adapte aux petits écrans.</p>
<form id="userSettings">
<fieldset class="form-group">
<label for="myFile">Sélectionnez votre fichier CSV :</label><input type="file" id="myFile" name="myFile" accept=".csv">
</fieldset>
</fieldset>
<div id="displayOptions"></div>
</form>
<div class="row">

View File

@ -59,8 +59,9 @@ var initialise = function () {
converter_1.datasRender = myRender_1;
var selectedFiles = myFile_1.files;
if (selectedFiles !== null && selectedFiles.length === 1) {
if (selectedFiles[0].type !== "text/csv")
dataDisplayOptionsElt_1.innerHTML = "<p class='text-danger'>Le document que vous avez s\u00E9lectionn\u00E9 ne semble pas \u00EAtre un fichier CSV valide.</p>";
var extension = selectedFiles[0].name.substring(selectedFiles[0].name.lastIndexOf(".") + 1);
if (extension !== "csv")
dataDisplayOptionsElt_1.innerHTML = "<p class='text-danger'>Le fichier que vous avez s\u00E9lectionn\u00E9 ne semble pas \u00EAtre un fichier CSV.</p>";
else {
var reader_1 = new FileReader();
reader_1.onload = function (e) {