javascript - 在 native react 中,如何将base64图像转换为jpg然后保存到临时路径?

标签 javascript image reactjs react-native base64

react-native 中,借助 react-native-fetch-blob 的一点帮助,将图像转换为 BASE64 格式很容易,我只是这样做:

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={{ ... }}
/>

最佳答案

事实证明这并不难,假设我有一个 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));

就这样

关于javascript - 在 native react 中,如何将base64图像转换为jpg然后保存到临时路径?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48837840/

相关文章:

javascript - Google Apps 脚本 : TypeError: Cannot read property 'values' of undefined (line 3, 文件 "Code")

javascript - 为什么我们在 javascript for 循环中使用 -1 ?

ios - Swift 2 TableView 将图像从网络传递到下一个 Controller

android - 如何处理从Android的数据库中获取的图像的不同dpi版本?从数据库或资源中读取图像更好吗?

javascript - 如何跟踪单选按钮组数组中的选择?

javascript - React JS onClick 方法没有被调用

javascript - 使用 Graph API 无法使用过滤器参数获取特定日期的事件

javascript - 在 jquery 中显示下一张图片的问题

javascript - 如果页面上的所有图像都返回错误重定向?

reactjs - 添加自定义 Service Worker 到 create-react-app