A propos de: vide lors de l'ouverture d'une image en chrome

Question

Il existe une fonctionnalité dans l'application sur laquelle je travaille qui permet à un utilisateur d'ouvrir une image dans une nouvelle fenêtre. Il est mis en œuvre de la façon suivante:

const link = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAA...'; 
window.open(link) 

Il fonctionne parfaitement bien dans Firefox, mais quand je fais ça en chrome, il me redirige vers une page vide avec about:blank url? Comment puis-je corriger ce comportement?

Answer 1

Vous pouvez y parvenir dans Chrome en ajoutant une balise img à la nouvelle fenêtre:

const link = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAA...'; 
var newWindow = window.open(); 
newWindow.document.write('<img src="' + link + '" />'); 

Answer 2

Je pense que Chrome a déconseillé l'ouverture de liens avec une URL "data:". Voir this link from Google for explanation et this answer from a similar stack overflow question pour une solution de contournement. J'espère que cela t'aides!