web-dev-qa-db-fra.com

Lire le fichier Excel en angular 2

J'utilise ng2-File-upload , je veux lire le fichier Excel et toutes ses lignes et obtenir le nombre total. Existe-t-il un moyen de le réaliser en utilisant ce module et comment le faire par JavaScript ou TypeScript simple.

javascriptangulartypescriptng2-file-upload
7
Asad Shah

J'ai utilisé le package mentionné dans la réponse acceptée. ng2-file-upload a un uploader qui a une fonction de rappel this.uploader.onAfterAddingFile. Je viens d'appeler ma fonction de changement et de lire le fichier comme ci-dessous:

 onFileChange(file: any) {
    /* wire up file reader */
    //const target: DataTransfer = <DataTransfer>(evt.target);
    //if (target.files.length !== 1) throw new Error('Cannot use multiple files');
    const reader: FileReader = new FileReader();
    reader.onload = (e: any) => {
        /* read workbook */
        const bstr: string = e.target.result;
        const wb: XLSX.WorkBook = XLSX.read(bstr, { type: 'binary' });

        /* grab first sheet */
        const wsname: string = wb.SheetNames[0];
        const ws: XLSX.WorkSheet = wb.Sheets[wsname];

        /* save data */
        var data = <any>(XLSX.utils.sheet_to_json(ws, { header: 1 }));
        this.totalInventories = data.length > 0 ? data.length - 1 : 0;
    };
    if (file._file)
        reader.readAsBinaryString(file._file);
 }

J'espère que cela aide n'importe qui :)

8
Asad Shah