Tengo el siguente problema:
Estoy intentando codificar en base64 una cadena (generada desde una imagen) para poder luego asignarla al atributo src de una etiqueta img.
Hasta aqui nada de otro mundo con base64_encode() en PHP esta ok. Pero necesito hacerlo desde javascript y btoa() me da el siguente fallo:
Uncaught InvalidCharacterError: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.
un ejemplo aqui:
Código Javascript:
Ver original
var cadena_imagen ="PNG IHDR sRGBΜ退gAMAa pHYsҝ~IDAT8O1 €E'⩭m-ū葒]₅x턁Bĺݟ䯳1Y>?斤s.IY^<A%zj'⍐漸)DцeӃi:鈨֠ۓ }!&唁Ʃ‰ Ρd>ĆNgi8;֤JʉV 4)뫾-SJ哕ЗTvv]G5-'M'?` 0ʲ[>퉘藛ɂ٤9ց⫦ᚸSt1ėU{˝5LElߧ :Aؚ{zǹ}ozu'_IENDB`"; $('#mi_imagen').attr('src','data:image/png;base64,'+btoa(cadena_imagen));
¿Alguna idea como puedo resolver esto?
O sea no obligatorio con btoa() pero la ideea es esta:
desde este texto cadena_imagen que se muestre en #mi_imagen dicha imagen (repito esto desde el cliente no en servidor);
Gracias.