Base64 e javascript
As funções equivalentes no javascript são:
window.btoa
para codificarwindow.atob
para decodificar
Fonte: https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64
var data = window.prompt("Digite a sua string:");
if (data) {
var b64 = window.btoa(data);
alert("Codificado: " + b64);
alert("Decodificado: " + window.atob(b64));
} else {
alert("Nada foi digitado");
}
O uso no seu caso acho que seria algo como:
var img = $('<img />').attr('src', "data:image/jpg;base64," + window.btoa(SUA STRING));
Performance no servidor
O que parece estar causando problemas de performance não é o base64
, mas sim a maneira que você armazenou as imagens, talvez o melhor caminho seja deixar de usar o BLOB e passar a armazenar as imagens em pastas, que além de provavelmente ter melhor performance será muito mais fácil de trabalhar já que não irá precisar criar uma página dinâmica para exibir os dados.
Existem problemas ao usar BLOB e por isto faço da resposta do @utluizresposta do @utluiz a minha:
- Volume de dados: para um baixo volume de dados pode não haver problema. Por outro lado, para armazenamento de grande massa de dados o banco de dados é praticamente inviável. Pergunte ao Facebook ou ao Google se eles usariam banco. O Facebook, por exemplo, usa um sistema de arquivos personalizado para tornar o acesso mais rápido ainda e diminuir a o overhead por arquivo exigido pelos sistemas de arquivos tradicionais.
- Clusterização: uma vantagem do banco de dados é no caso do seu sistema rodar em vários servidores, todos terão acesso uniforme aos arquivos. Porém, usar uma unidade na rede para armazenar os arquivos.
- Disponibilidade: seu sistema vai ter muitos acessos? Isso pode sobrecarregar um banco de dados tradicional. Por outro lado, seu servidor HTTP pode usar as rotinas de acesso de baixo nível ao sistema de arquivos para enviar o stream de dados ao cliente.
- Escalabilidade: se a demanda de volume ou disponibilidade aumentarem, será possível adicionar mais capacidade ao sistema? É muito mais fácil dividir arquivos entre servidores diferentes do que distribuir registros de uma tabela em mais servidores.
- Flexibilidade: fazer cópias de segurança, mover arquivos de um servidor para outro, fazer algum processamento nos arquivos armazenados, tudo isso fica mais fácil se os arquivos estiverem num diretório. Se você faz o deploy em ambiente de cliente, os arquivos no disco não inviabilizam você de receber cópias do banco de dados para testes. Tente pedir para o seu cliente enviar terabytes de dados para você analisar se der algum problema no banco.
- Overhead de leitura e gravação: o custo computacional para gravar e ler dados do banco de dados é maior do que para ler e gravar diretamente em um arquivo.
E é isto que deve estar causando o seu problema de performance no servidor.