React native:如何获取文件大小,mime类型和扩展名?

时间:2016-12-29 01:53:29

标签: javascript android ios react-native

我知道react-native-fsreact-native-fetch-blob,但我缺少简单的帮助函数,例如getFileInfo(file)

所需的伪代码:

let fileInfo = getFileInfo('path/to/my/file.txt');
console.log('file size: ' + fileInfo.size);
console.log('mime type: ' + fileInfo.type);
console.log('extension: ' + fileInfo.extension);

获取文件大小,mime类型和扩展名的正确方法是什么?

提前致谢!

5 个答案:

答案 0 :(得分:9)

使用 react-native-fetch-blob ,您可以使用以下代码获取文件大小:

RNFetchBlob.fs.stat(PATH_OF_THE_TARGET)
.then((stats) => {})
.catch((err) => {})

回复统计信息包含以下信息:

{
     // file name
     filename : 'foo.png',
     // folder of the file or the folder itself
     path : '/path/to/the/file/without/file/name/',
     // size, in bytes
     size : 4901,
     // `file` or `directory`
     type : 'file',
     // last modified timestamp
     lastModified : 141323298
}

来源:https://github.com/wkh237/react-native-fetch-blob/wiki/File-System-Access-API#user-content-statpathstringpromisernfetchblobstat

答案 1 :(得分:2)

文件大小::此答案最适合新的CRNA客户端。使用来自Expo的File System

import {FileSystem} from expo 

getFileSize = async fileUri => {
   let fileInfo = await FileSystem.getInfoAsync(fileUri);
   return fileInfo.size;
 };

答案 2 :(得分:1)

您可以使用react-native-fetch-blob获取有关blob的数据,并使用react-native-mime-types获取扩展名

const res = yield RNFetchBlob.config({fileCache: false}).fetch('GET', url, {})
const blob =  yield res.blob().then((blob) => {
    mimetype.extension(blob.type)
  }
)

答案 3 :(得分:1)

要使用react-native-fetch-blob获取文件大小,我使用了以下代码

为此你需要安装base-64

var base64 = require('base-64');
RNFetchBlob.fs.readFile(filePath, 'base64')
    .then((data) => {
        var decodedData = base64.decode(data);
        var bytes=decodedData.length;
        if(bytes < 1024) console.log(bytes + " Bytes");
        else if(bytes < 1048576) console.log("KB:"+(bytes / 1024).toFixed(3) + " KB");
        else if(bytes < 1073741824) console.log("MB:"+(bytes / 1048576).toFixed(2) + " MB");
        else console.log((bytes / 1073741824).toFixed(3) + " GB");
    })

说明:

  1. 上面的代码将base64数据解码为字符串,如atob()。
  2. 接下来找到字符串的长度
  3. 根据该值,我必须计算文件大小。
  4. 如果文件太大,请使用 RNFetchBlob.fs.readStream 方法而不是RNFetchBlob.fs.readFile

    我从SO convert size

    获取字节计算

    代码可能太长而无法计算文件大小。如果有人找到最简单的方式指导我

答案 4 :(得分:1)

react-native-fs中,您可以使用stat方法(获取文件大小)

import { stat } from 'react-native-fs';

...

const statResult = await stat('path/to/my/file.txt');
console.log('file size: ' + statResult.size);