{"id":193,"date":"2013-04-21T19:03:35","date_gmt":"2013-04-21T19:03:35","guid":{"rendered":"http:\/\/www.wcido.com\/wordpress\/?p=193"},"modified":"2016-04-20T20:04:09","modified_gmt":"2016-04-20T20:04:09","slug":"decouper-avec-html5-un-fichier-texte","status":"publish","type":"post","link":"https:\/\/www.ybierling.com\/v2\/fr\/decouper-avec-html5-un-fichier-texte\/","title":{"rendered":"D\u00e9couper avec HTML5 un fichier texte"},"content":{"rendered":"
\n
\n

Il peut arriver de se retrouver avec un fichier (Fig 1)<\/a> trop gros, que l’on souhaite d\u00e9couper en fichiers plus petits. Par exemple, un fichier de donn\u00e9es que l’on souhaite uploader dans SAP, mais qui est trop gros dans son \u00e9tat actuel.<\/p>\n

\n
\n
\"Fichier<\/a>
Fig 1 : Fichier \u00e0 d\u00e9couper<\/figcaption><\/figure>\n<\/blockquote>\n<\/div>\n

Afin de pouvoir envoyer les donn\u00e9es en plusieurs fois, je vous propose un outil en HTML5 (Fig 2)<\/a>[1], avec ex\u00e9cution locale (sur votre ordinateur) uniquement, qui d\u00e9coupera pour vous votre fichier texte.<\/p>\n

\n
\n
\"Application<\/a>
Fig 2 : Application de d\u00e9coupe de fichier, par Yoann Bierling<\/figcaption><\/figure>\n<\/blockquote>\n<\/div>\n

Munissez-vous de votre fichier texte (Fig 1)<\/a>, sp\u00e9cifiez le nombre de lignes d’en-t\u00eate \u00e0 d\u00e9couper au d\u00e9but du fichier et \u00e0 r\u00e9p\u00e9ter sur chaque partie – ou sp\u00e9cifiez 0 si votre fichier ne poss\u00e8de pas de lignes d’en-t\u00eate – ainsi que le nombre de lignes \u00e0 obtenir dans chaque partie.<\/p>\n

Choisissez ensuite la mani\u00e8re la plus pratique pour vous d’envoyer le fichier, en le s\u00e9lectionnant sur votre ordinateur, ou bien en effectuant un glisser-d\u00e9placer dans la zone pr\u00e9vue \u00e0 cette effet.<\/p>\n

Le traitement du fichier peut se r\u00e9v\u00e9ler long suivant la taille de votre fichier source et la puissance de votre ordinateur.<\/p>\n

Vous pourrez ensuite r\u00e9cup\u00e9rer dans la partie inf\u00e9rieure de la page de r\u00e9sultats (Fig 3)<\/a> les diff\u00e9rentes parties du fichier d\u00e9coup\u00e9. Cliquez droit sur chaque partie et s\u00e9lectionnez “Enregistrer la cible du lien sous…”.<\/p>\n

\n
\n
\"R\u00e9sultat<\/a>
Fig 3 : R\u00e9sultat d’une d\u00e9coupe de fichier, par Yoann Bierling<\/figcaption><\/figure>\n<\/blockquote>\n<\/div>\n

Attention, l’application[1] \u00e9tant r\u00e9alis\u00e9e en HTML5, elle peut ne pas fonctionner si vous utilisez un navigateur ancien (Fig 4)<\/a> ne prenant pas en compte les normes actuelles du web. N’h\u00e9sitez pas \u00e0 vous procurer Mozilla Firefox[2] ou Google Chrome[3] par exemple.<\/p>\n

\n
\n
\"Message<\/a>
Fig 4 : Message d’erreur API non support\u00e9e<\/figcaption><\/figure>\n<\/blockquote>\n<\/div>\n

Techniquement, les fichiers sont lus en local[4], en utilisant l’API File[5], puis trait\u00e9s gr\u00e2ce \u00e0 FileSystem[6]. Un lien de t\u00e9l\u00e9chargement[7] est propos\u00e9. Les fichiers sont g\u00e9n\u00e9r\u00e9s localement entre temps[8], les liens de t\u00e9l\u00e9chargement \u00e9tant propos\u00e9s avec des modifications DOM[9]. L’interface est un simple formulaire mis en forme avec CSS3[10].<\/p>\n<\/div>\n<\/div>\n

\n
\n

Hyperlien<\/h1>\n
\"D\u00e9coupeur
\nD\u00e9coupeur de fichier texte en HTML5 – Yoann Bierling, Consultant International<\/a><\/div>\n<\/blockquote>\n

Liens et cr\u00e9dits<\/h1>\n