이미지를 ReactNative(Expo)로 업로드할 때 크기 조정 방법
3967 단어 FirebaseReact NativeExpotech
개요
스마트폰으로 촬영한 원시 사이즈의 이미지가 크기 때문에 사이즈 조정 등 처리를 해야 한다.
react-native-image-resizer
issue#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는 이런 확장 기능도 있어요.
또는 FireBase의 rule 설정에서도 업로드 이미지의 용량 제한 등을 설정하면
더 안심이 될지도 몰라요.
Reference
이 문제에 관하여(이미지를 ReactNative(Expo)로 업로드할 때 크기 조정 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/kamabokochan/articles/085c9fe1b7910a텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)