Cómo agregar código a un iframe utilizando un Blob

A veces, es posible que necesites agregar código de forma dinámica a un iframe. Esto se puede lograr utilizando Blobs en JavaScript.

// Crear un nuevo Blob con contenido HTML
var htmlContent = '<body>Hola, mundo!</body>';
var blob = new Blob([htmlContent], { type: 'text/html' });

// Crear un iframe y agregarlo al body
var iframe = document.createElement('iframe');
document.body.appendChild(iframe);

// Escribir el contenido del blob en el iframe
iframe.src = URL.createObjectURL(blob);

Este fragmento de código crea un nuevo objeto Blob con algún contenido HTML, crea un iframe y luego utiliza el método URL.createObjectURL() para crear una URL que representa el objeto Blob y se asigna al atributo src del iframe.

Copyright © 2024. Design and code by myself with Next.js. Fork it and create yours