在本机react中，如何将 base64 图像转换为 jpg 然后保存到临时路径？

IT技术 javascript image reactjs react-native base64
2021-05-01 19:32:00

在 中react-native，将图像转换为BASE64格式很容易，在 的帮助下react-native-fetch-blob，我只需执行以下操作：

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

但是，反过来呢？我知道有一些软件包可以做到这一点，但我想知道是否可以仅使用react-native-fetch-blob或react-native-fs?

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

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

事实证明它根本不棘手，假设我有一个BASE64图像，如果我想将它转换为 a 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));

就这样

其它你可能感兴趣的问题
上一篇在 React 应用程序中测试 Select 元素 下一篇如何使用 React Router 将 div 放入 Switch 中？