React DropZoneでCSVをJSONクライアント側に変換する

これは可能ですか？React DropZoneでCSVをJSONクライアント側に変換する

React dropzoneから、値がblob：urlであるFile.previewプロパティを持つFileオブジェクトを受け取ります。すなわちFile {preview: "blob:http://localhost:8080/52b6bad4-58f4-4ths-a2f5-4ee258ba864a"

クライアントでこれをjsonに変換する方法はありますか？ファイルはデータベースに保存する必要はありません（変換JSONになります）。私はcsvtojsonを使用しようとしましたが、ノードに電源を供給するためにファイルシステムを使用することはできません。可能であれば、ユーザーがアップロードした後、クライアントでこれを変換するのが理想的です。任意の提案が歓迎された。 FileReaderとcsvとその可能

 <Dropzone 
      name={field.name} 
      onDrop={(acceptedFiles, rejectedFiles) => { 
       acceptedFiles.forEach(file => { 
        console.log(file) 
        let tempFile = file.preview 
        csv() 
         .fromSteam(tempFile) // this errors with fs.exists not a function as its not running serverside 

         .on('end_parsed',(jsonArrObj)=>{ 
          console.log(jsonArrObj) 
         }) 
       }) 
      }} 
     >

出典

2017-05-03 lxm7

はい、：

import csv from 'csv'; 

// ... 

const onDrop = onDrop = (e) => { 
    const reader = new FileReader(); 
    reader.onload =() => { 
     csv.parse(reader.result, (err, data) => { 
      console.log(data); 
     }); 
    }; 

    reader.readAsBinaryString(e[0]); 
} 

// ... 

<Dropzone name={field.name} onDrop={onDrop} />

FileReaderののAPI：https://developer.mozilla.org/en/docs/Web/API/FileReader
CSVパッケージ：https://www.npmjs.com/package/csv

出典

2017-05-03 16:49:30