How can i read file at react native?

Question

I want to read a file mp3 file at react-native like this, how can i do.

<Buffer 75 64 e5 be 9b 6d e4 84 97 a3 10 61 50 07 13 72 b9 ca 95 56 a0 42 4b e7 23 ea 6a 09 cb 9c 4c 3f ac 9f 70 b8 f8 56 89 d8 2e 09 79 60 42 04 d0 91 22 dd ... 52499 more bytes>

score 0 · Answer 1 · answered Jun 09 '20 at 10:53

0

you can read file by using react-native-fs

Install react-native-fs by

yarn add react-native-fs

Code:

var RNFS = require('react-native-fs');

const file=await RNFS.readFile(filePath);
console.log(file); // <Buffer 75 64 e5 be .....

answered Jun 09 '20 at 10:53

Muhammad Numan

23,222
6
63
80

@AungHtetPaing you can pass encoding type as second param https://github.com/itinance/react-native-fs#readfilefilepath-string-encoding-string-promisestring – Muhammad Numan Jun 09 '20 at 11:26
const file=await RNFS.readFile(filePath,"buffer"); i think it have not type buffer – Muhammad Numan Jun 09 '20 at 11:36
utf8 (default), ascii, base64. Use base64 these are types which react-native-fs provides – Muhammad Numan Jun 09 '20 at 11:36
@AungHtetPaing read file as utf8 and convert utf8 to buffer by require("buffer") library – Muhammad Numan Jun 09 '20 at 11:41

Waheed Akhtar · Answer 2 · 2020-06-09T11:45:40.553

0

You can define your type while reading from file like below also if the file is large, you should consider using readStream instead.

RNFetchBlob.fs.readFile(PATH_TO_READ, 'base64')
.then((data) => {
  // handle the data ..
})

Edit: I think this answer will help you in this matter

react-native-fs: How to read local images (Get base64 of local file)

edited Jun 09 '20 at 11:45

answered Jun 09 '20 at 11:38

Waheed Akhtar

3,110
1
16
30

Yes, You will get the base64, What is your usage so I can explain you better. – Waheed Akhtar Jun 09 '20 at 11:41
1

i want to decrypt buffer data and rewrite mp3 file at my app. – Aung Htet Paing Jun 09 '20 at 11:43

How can i read file at react native?

2 Answers2