如何使用expo FileSystem获取文件扩展名?

时间:2019-01-24 09:07:43

标签: react-native expo

我正在使用expo FileSystem从cameraRoll获取照片和视频。有什么办法可以获取这些文件扩展名?

1 个答案:

答案 0 :(得分:0)

使用ImagePicker

如果您请求许可并且能够从ImagePicker获得响应,则应该获得一个类似于以下的对象。

{
  "cancelled": false,
  "height": 2436,
  "type": "image",
  "uri": "file:///lots/of/directories/where/the/image/is/stored/ImagePicker/B69EA641-4738-4425-8319-FE190FC4BD6D.png",
  "width": 1125,
}

如果您这样调用ImagePicker(请记住,这是一个await,所以应该将其包装在try/catch中)

let result = await ImagePicker.launchImageLibraryAsync({mediaTypes:'Images'});

然后您可以使用result.uri

来访问uri。

所以我们可以做这样的事情

let uri = result.uri;
let fileExtension = uri.substr(uri.lastIndexOf('.') + 1);

请记住,用户可以取消请求,因此在尝试获取文件扩展名之前,您应检查result.cancelled是否为假,否则会因为uri不存在而出现问题。

使用CameraRoll

跨平台使用相机胶卷的响应不一致。以下代码将访问设备上的第一个视频。

let params = { first: 1, assetType: CameraRoll.AssetTypeOptions.Videos }; 
let result = await CameraRoll.getPhotos(params)
let videos = result.edges // the edges key stores an array of objects

Android

{
  node: {
    group_name: 0,
    image:  {
      height: 1280,
      playableDuration: 56,
      uri: "content://media/external/video/media/125",
      width: 720,
    },
    timestamp: 1541516873,
    type: "video/mp4",
  },
}

iOS

{
  node:  {
    group_name: "Camera Roll",
    image:  {
      filename: "IMG_5030.MOV",
      height: 1080,
      isStored: true,
      playableDuration: 612,
      uri: "assets-library://asset/asset.MOV?id=10711D3D-EBDC-4EF2-A849-411D593A0B15&ext=MOV",
      width: 1920,
    },
    location:  {
      altitude: 0,
      heading: -1,
      latitude: 0.0,
      longitude: 0.0,
      speed: -1,
    },
    timestamp: 1544786625,
    type: "ALAssetTypeVideo",
  },
}

您可以看到Android并没有给出特定的filename,而iOS却没有。对于iOS,您可以使用上述方法提取文件扩展名。不幸的是,对于Android,获取实际文件扩展名的唯一方法是使用ImagePicker