JQuery - export un div con contenido dinámico a Word

 
Vista:
sin imagen de perfil
Val: 18
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

export un div con contenido dinámico a Word

Publicado por Marta (12 intervenciones) el 26/12/2020 22:12:12
Buenas,
Necesito exportar a Word el contenido de un div dinámico, con texto e imágenes. Las imágenes, el usuario las selecciona de la galería de imágenes del móvil
Con el texto no tengo ningún problema, pero con las imágenes sí, porqué se genera un enlace como este, pero muchísimo más largo.
<img id='img' src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoH ......

Uso estas 2 librerías además de jquery:
<script src="FileSaver.js"></script>
<script src="wordexport.js"></script>
y luego la función wordToExport()
$("#informe").wordExport();

También lo he probado con puro javascript, y pasa exactamente lo mismo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' " +
    "xmlns:w='urn:schemas-microsoft-com:office:word' " +
    "xmlns='http://www.w3.org/TR/REC-html40'>" +
    "<head>" +
        "<meta charset='utf-8'>" +
        "<title>Export HTML to Word Document with JavaScript</title>" +
    "</head>" +
    "<body>";
var footer = "</body></html>";
var sourceHTML = header + document.getElementById("informe").innerHTML + footer;
 
var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML);
var fileDownload = document.createElement("a");
document.body.appendChild(fileDownload);
fileDownload.href = source;
fileDownload.download = 'informe.doc';
fileDownload.click();
document.body.removeChild(fileDownload);

Alguien puede orientarme como exportar las imágenes?
Muchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder