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?
cevap
Ş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]);
}
Bunu denedim ve bu hatayı alıyorum: TypeError: reader.readAsText bir işlev değil. Herhangi bir ipucu? – 39fredy
@ 39fredy Bir dosya nesnesinde readAsText kullandığınızdan emin olun (bu durumda, bu dosyalar [0] bir dosya nesnesidir). senin kod daha var mı – user2593758
Bazı nedenlerle FileReader çalışmıyordu, bazı aramalardan sonra window.FileReader kullanmalıydım ve bu hile yaptı. – 39fredy
Ne denediniz? – CharanRoot
@Jonnysai, ReactJS ile dosyaları okuyan çok sayıda paket var, ancak bunların hiçbiri CSV dosyalarıyla ilgilenmiyor. – user2593758
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? –