2017-06-26 74 views
9

Kullanıcının bir .csv dosyası yüklemesini ve tarayıcının bu dosyadaki verileri ayrıştırmasını sağlayacağım. ReactJS kullanıyorum. Bu nasıl çalışır? Teşekkürler.React.js'de CSV dosyaları nasıl yüklenir ve okunur?

+0

Ne denediniz? – CharanRoot

+0

@Jonnysai, ReactJS ile dosyaları okuyan çok sayıda paket var, ancak bunların hiçbiri CSV dosyalarıyla ilgilenmiyor. – user2593758

+0

Ayrıntılı bilgi verir misiniz? "Ayrıştırma" .csv bir çok şey anlamına gelebilir. .csv'deki verilerin biçimlendirilmesi ve bir şekilde gösterilmesi gerekiyor mu? –

cevap

10

Şekil verilmiş. react-file-reader ve HTML5'in FileReader (this sayfasına bakın). Bu, yukarıda daha sonra

<ReactFileReader handleFiles={this.handleFiles} fileTypes={'.csv'}> 
    <button className='btn'>Upload</button> 
</ReactFileReader> 

ve:

hale içinde reaksiyona dosya okuyucu bit yerleştirilir.

handleFiles = files => { 
    var reader = new FileReader(); 
    reader.onload = function(e) { 
    // Use reader.result 
    alert(reader.result) 
    } 
    reader.readAsText(files[0]); 
} 
+0

Bunu denedim ve bu hatayı alıyorum: TypeError: reader.readAsText bir işlev değil. Herhangi bir ipucu? – 39fredy

+0

@ 39fredy Bir dosya nesnesinde readAsText kullandığınızdan emin olun (bu durumda, bu dosyalar [0] bir dosya nesnesidir). senin kod daha var mı – user2593758

+1

Bazı nedenlerle FileReader çalışmıyordu, bazı aramalardan sonra window.FileReader kullanmalıydım ve bu hile yaptı. – 39fredy