ファイルの変換タイプ - リアクト - ドロップゾーン

Question

私はトラブルあなたが私のアップロードエンドポイントにdatauriを投稿するとき、私は成功したRESTfulなアップロードを実装しているFeathersJS Upload

とReact-dropzoneの統合を持っています。 { uri: data:image/gif;base64,........}

私の問題は、react-dropzoneでファイルを選択してフォームを送信するときに、Fileタイプが表示されていることです。それをどうにかしてデータURIに変換する必要があるようです。

これはDauriaによって処理されるはずです...しかし、私の問題は私のPOSTリクエストにあり、fileプロパティが正しいファイル形式に設定されていないと思います。 FileをFormDataに変換する必要がありますか？ここで

Answer 1

は、Fileオブジェクトからそれを行うための一つの方法である：イメージを使用して

とFileReaderのあなたは、幅、高さ、およびbase64でデータを取得することができます：

onDrop = (acceptedFiles, rejectedFiles) => { 
 
    const file = acceptedFiles.find(f => f) 
 
    const i = new Image() 
 

 
    i.onload =() => { 
 
    let reader = new FileReader() 
 
    reader.readAsDataURL(file) 
 
    reader.onload =() => { 
 
     console.log({ 
 
     src: file.preview, 
 
     width: i.width, 
 
     height: i.height, 
 
     data: reader.result 
 
     }) 
 
    } 
 
    } 
 
    
 
    i.src = file.preview 
 
}