Question

这是我从本地电话存储中获取的网址

"file:///storage/emulated/0/Pictures/1548694153266.jpg"

我真的必须将其转换为base64才能上传到s3。如果是这样，那么有什么好的库可以将本地网址从对base64进行本地反应

为什么将其转换为base64很重要？

最好的解决方法是什么。

我可以轻松地通过邮递员从本地计算机发送图像。从邮递员那里，我可以直接从计算机中选择图像作为图像对象。但是在这种情况下，网址不是图片对象吗？

exports.uploadProduct = async (req, res) => {

      const uploads = await uploadMulti();

      uploads(req, res, function (err) {
            let imageFiles = req.files;
            const productImages = new Array();
            for (var i = 0; i < imageFiles.length; i++) {
                  fileLocation = imageFiles[i].location;
                  productImages.push(fileLocation)
            }
            console.log(productImages);
      })
};

Answer 1

我正在使用 react-native-image-picker 这个库，它为您提供base64字符串和本地URL，这取决于您哪种方法最适合您。

const options = {
  title: 'Select Avatar',
  storageOptions: {
    skipBackup: true,
    path: 'images'
  },
  mediaType: 'photo',
  quality: 0.01
}
const pickImage = onUri => {
  ImagePicker.showImagePicker(options, response => {


    let fileName = response.fileName
    if (
      Platform.OS === 'ios' &&
      (fileName.endsWith('.heic') || fileName.endsWith('.HEIC'))
    ) {
      fileName = `${fileName.split('.')[0]}.JPG`
    }
    let source = { uri: response.uri, fileName }

    const file = {
      uri: response.uri,
      name: response.fileName,
      type: 'image/jpeg'
    }

    console.log('File Object ', file)

    // var source = { uri: 'data:image/jpeg;base64,' + response.data, isStatic: true };
    onUri(response.data, response.uri, response.type, fileName, file)
  })

}

Answer 2

您可以通过以下步骤进行操作：

步骤1：安装此软件包，将其文件url转换为base64。这是good library to convert the local url from react native to base64

的链接

步骤2：然后在您的代码中

import ImgToBase64 from 'react-native-image-base64';

第3步：制作一个函数，将您的图片转换为base64

_convertImageToBaseSixFour() { 

    ImgToBase64.getBase64String('YOUR_IMAGE_PATH') // path to your image from local storage
  .then((base64String) => {
        // Do your stuff with base64String
        })
  .catch(err => Alert.alert('Error' + err));

}

第4步：按一次按钮即可调用此功能。您可以相应地执行此操作。

// *** BUTTON *** //

     <View style={styles.buttonContainer}>
           <Button onPress={this._convertImageToBaseSixFour} title="Change to Base" color="#FFFFFF" accessibilityLabel="Tap"/> //Call on press
     </View>

// *** STYLESHEET for Button *** //

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#FFFFFF'
  },
  buttonContainer: {
    backgroundColor: '#2E9298',
    borderRadius: 10,
    padding: 10,
    shadowColor: '#000000',
    shadowOffset: {
      width: 0,
      height: 3
    },
    shadowRadius: 10,
    shadowOpacity: 0.25
  }
})

在这里您可以找到why is it important to convert this to base64

在发送到服务器以使用multer上传到S3之前，我是否已将本地电话图像URL转换为base64？

2 个答案: