Load image blob by Fetch API

index.js

const img = document.getElementById('img')

const JWT = 'ey...'
const API_URL = 'http://localhost:8080'
const IMG_NAME = 'ABC.png'

// https://stackoverflow.com/a/50248437/13779659 
fetch(`${API_URL}/secure-images/${IMG_NAME}`, {
	headers: {
		Authorization: `Bearer ${JWT}`
	}
})
	.then(res => res.blob())
	.then(imgBlob => {
		// Then create a local URL for that image and print it 
		const imageObjectURL = URL.createObjectURL(imgBlob)
		console.log(imageObjectURL)
		img.src = imageObjectURL
	})
	.catch(err => console.log(err));