ReactJs: how can i render binary (base64) image format

Question

i have images in sqlserver as a binary, how can i display them in reactJs?

i tried the following but doesn't work

<Image source={{ uri: `data:image/jpeg;base64,${results.student_photo}` }} />

i also tried

const base64Image = {results.student_photo};
<Image source={{uri: `data:image/jpeg;base64,${base64Image}`}} />

Possible duplicate of How to display binary data as image in React? — Christopher Littlewood
– Christopher Littlewood, Commented Nov 20, 2019 at 5:04

Christopher Littlewood · Accepted Answer · 2019-11-20 05:05:16Z

1

This may answer your question.

How to display binary data as image in React?

Hope this helps.

answered Nov 20, 2019 at 5:05

8032 gold badges14 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

i tried that thaks i displayed it in angular easy, but react is a bit different