arrays - 如何在 React Native Expo 上显示字节数组图像？

Question

我可以byte-array在 Swagger 上查看图像，但不能在 React Native 上查看。我已经尝试将它转换为base64并且它可以工作，但我想知道如何将它显示在byte-array.

• 这是我的后端端点，使用 spring-boot

@GetMapping(value = "/{id}", produces = { "image/jpg", "image/jpeg", "image/png" })
public ResponseEntity<Resource> getImage(@PathVariable final UUID id){
    final User user =  userService.findById(id).orElseThrow(() -> new ResourceNotFoundException("User Not Found."));
    Optional<Image> image = imageService.findByUser(user);
    if(image.isPresent()) {
        byte[] bytes = Files.readAllBytes(Paths.get(image.get().getSignDocPath()));
        return ResponseEntity.ok().body(new ByteArrayResource(bytes));
    }
}

• 这就是我在 React Native 上显示图像的方式

<Image
  source={{ uri: imageItem.url }}
  style={styles.imagePreview}
/>

标签： arraysspring-bootreact-nativeexpo

Answer 1

你可以使用这个：

const getImageSource = () => {
    return `data:image/jpeg;base64,${source}`
}

<Image style = {styles.image} source = {{uri: getImageSource()}}/>