在本机反应中,如何将base64图像转换为jpg然后保存到临时路径?

时间:2018-02-17 04:21:26

标签: javascript image reactjs react-native base64

react-native中,将图片转换为BASE64格式很简单,在react-native-fetch-blob的帮助下,我只是这样做:

RNFetchBlob.fs.readFile(filePath, 'base64')
    .then((data) => console.log(data));

但是,相反呢?我知道有一些包可以做到这一点,但我想知道是否可以只使用react-native-fetch-blobreact-native-fs进行此操作?

我想要的是,在将BASE64图像转换并保存到文件后,我能够像这样显示:

<Image
    source={{ uri: <path/to/converted/image> }}
    style={{ ... }}
/>

1 个答案:

答案 0 :(得分:2)

事实证明它并不棘手,假设我有BASE64图片,如果我想将其转换为JPG,只需使用react-native-fs,如下所示:

import RNFS from 'react-native-fs';

const imageDate = '<some base64 data>';
const imagePath = `${RNFS.TemporaryDirectoryPath}image.jpg`;

RNFS.writeFile(imagePath, imageData, 'base64')
    .then(() => console.log('Image converted to jpg and saved at ' + imagePath));

全部