이미지를 ReactNative(Expo)로 업로드할 때 크기 조정 방법


개요


스마트폰으로 촬영한 원시 사이즈의 이미지가 크기 때문에 사이즈 조정 등 처리를 해야 한다.react-native-image-resizerissue#89
대화에서처럼 Expo에서 호환성 문제 발생
정부 제공
imagemanipulator
이용하다

이루어지다


example에 따라 설치
$ expo install expo-image-manipulator
사용 예
실행
const resizeImage = async (imageUri: string, w: number, h: number) => {
  const result = await ImageManipulator.manipulateAsync(
    imageUri,
    // width or height のみの場合は、アスペクトを保持したままリサイズする
    [{ resize: { width: w, height: h } }],
    {
      compress: 1,
      format: ImageManipulator.SaveFormat.PNG,
    }
  );
  return result.uri;
};
ImageManipulator.manipulateAsync지정
- 第1引数に画像のuri
- 第2引数にaction(resize,rotate,flip,crop)
- 第3引数にsaveOptions(圧縮,拡張子,Base64設定)
.

겸사겸사 말씀드리겠습니다.


FireBase는 이런 확장 기능도 있어요.
https://firebase.google.com/products/extensions/storage-resize-images?hl=ja
또는 FireBase의 rule 설정에서도 업로드 이미지의 용량 제한 등을 설정하면
더 안심이 될지도 몰라요.
https://firebase.google.com/docs/storage/security?hl=ja

좋은 웹페이지 즐겨찾기