원주민 반작용 :

Question

에서 내가 base64로 문자열로 상대 경로에 저장된 이미지를로드하기 위해 노력하고있어 기본 반작용 JSON에서 그것을 보내 Base64로 문자열로 지역 이미지를 읽기, 대신의 응답으로 require 반환 3 이미지 소스.

경로가 정확하고 require 명령이 내 Reacy 네이티브 JSX 코드의 다른 위치에서 작동하여 아무런 문제없이 동일한 상대 경로 (<Image source={require('../resources/examplecar.jpg')}>)에서 이미지를로드 할 수 있습니다.

JSON으로 보내려면 파일 시스템에서 로컬 이미지 원본을 base64 문자열로 가져 오는 방법은 무엇입니까?

var body = { 
    path: '../resources/examplecar.jpg', 
    data: { 
     image: require('../resources/examplecar.jpg'), 
    } 
} 

Answer 1

변수가 필요하지 않습니다. rn의 이미지 소스에서는 작동하지 않습니다. 수행

image: require('../resources/examplecar.jpg') 

Answer 2

사용 RNFS은이 (가) 기본 자산을 반응 Base64로를 포함하여 다양한 형식으로 데이터를 변환 액세스 할 수 있습니다 플러그인.

imageData = await RNFS.readFile(RNFS.MainBundlePath+"/assets/resources/examplecar.jpg", 'base64').then();