茉莉兰亭

1
CameraRoll.save('网络图片url', 'photo')
2
  .then(() => {
3
    Alert.alert('保存成功！');
4
  })
5
  .catch(function (error) {
6
    Alert.alert('保存失败！');
7
});

1
ios:https://blog.uimentama.com/blogfile/uiavatar.jpg
2
Android:/blogfile/uiavatar.jpg

1
// 获取后缀名
2
const suffix = imgUrl.substring('网络图片url'.lastIndexOf('.'));
3
// 获取存储路径（存放路径+自定义文件名+后缀名）
4
// ExternalCachesDirectoryPath（String）外部缓存目录的绝对路径（仅适用于Android）
5
const downloadDest = `${RNFS.ExternalCachesDirectoryPath}/marrydream_${
6
  new Date().getTime() + suffix
7
}`;
8
RNFS.downloadFile({
9
  fromUrl: imgUrl,
10
  toFile: downloadDest,
11
})
12
  .promise.then((res) => {
13
  // 调用cameraRoll，与ios不同的是tag变为缓存图片的url
14
    CameraRoll.save(downloadDest, 'photo')
15
  .then(() => {
16
    Alert.alert('保存成功！');
17
  })
18
  .catch(function (error) {
19
    Alert.alert('保存失败！');
20
  });
21
})
22
.catch((err) => {
23
  Alert.alert('保存失败！');
24
});

1
import RNFS from 'react-native-fs';
2
import CameraRoll from '@react-native-community/cameraroll';
3
import {Alert, Platform} from 'react-native';
4
import {getLibraryPermission} from '@/utils/permissions';
5

6
const CameraRollSave = (imgUrl, callback = () => {}) => {
7
  CameraRoll.save(imgUrl, 'photo')
8
    .then(() => {
9
      callback();
10
      Alert.alert('保存成功！');
11
    })
12
    .catch(function (error) {
13
      Alert.alert('保存失败！');
14
    });
15
};
16

17
export default function saveImage(imgUrl, callback = () => {}) {
18
  const suffix = imgUrl.substring(imgUrl.lastIndexOf('.'));
19
  // 这里使用自己封装的方法事先判断了一下有无存储权限
20
  getLibraryPermission().then(() => {
21
    if (Platform.OS === 'ios') {
22
      return CameraRollSave(imgUrl);
23
    }
24
    const downloadDest = `${RNFS.ExternalCachesDirectoryPath}/marrydream_${
25
      new Date().getTime() + suffix
26
    }`;
27
    RNFS.downloadFile({
28
      fromUrl: imgUrl,
29
      toFile: downloadDest,
30
    })
31
      .promise.then((res) => {
32
        CameraRollSave(downloadDest, callback);
33
      })
34
      .catch((err) => {
35
        Alert.alert('保存失败！');
36
      });
37
  });
38
}