如何在react-native中将JPG图像转换为PNG

npm install react-native-image-picker react-native-fs react-native-image-converter --save

import ImagePicker from 'react-native-image-picker';
import RNFS from 'react-native-fs';
import ImageConverter from 'react-native-image-converter';

const convertImage = () => {
  // 配置图像选择器
  const options = {
    title: '选择图像',
    mediaType: 'photo',
    quality: 1,
    storageOptions: {
      skipBackup: true,
      path: 'images',
    },
  };

  // 打开图像选择器
  ImagePicker.showImagePicker(options, (response) => {
    if (response.didCancel) {
      console.log('用户取消了选择图像');
    } else if (response.error) {
      console.log('图像选择器错误：', response.error);
    } else {
      // 获取选中图像的路径
      const imagePath = response.uri;

      // 读取图像文件
      RNFS.readFile(imagePath, 'base64')
        .then((imageData) => {
          // 将图像转换为PNG格式
          ImageConverter.convertImage(imageData, 'PNG')
            .then((convertedData) => {
              // 将转换后的图像保存到文件
              const outputPath = `${RNFS.DocumentDirectoryPath}/converted.png`;
              RNFS.writeFile(outputPath, convertedData, 'base64')
                .then(() => {
                  console.log('图像转换成功，保存路径：', outputPath);
                })
                .catch((error) => {
                  console.log('保存图像失败：', error);
                });
            })
            .catch((error) => {
              console.log('图像转换失败：', error);
            });
        })
        .catch((error) => {
          console.log('读取图像文件失败：', error);
        });
    }
  });
};

import React from 'react';
import { View, Button } from 'react-native';
import ImageConverter from './ImageConverter';

const App = () => {
  return (
    <View>
      <Button title="选择并转换图像" onPress={ImageConverter.convertImage} />
    </View>
  );
};

export default App;