Skip to main content
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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.

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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 @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.

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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 @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.

adicionou 2015 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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 base64base64, 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 @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.

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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.

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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 @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.

adicionou 462 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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.

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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));

Base64 e javascript

As funções equivalentes no javascript são:

  • window.btoa para codificar
  • window.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.

adicionou 142 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando
adicionou 361 caracteres ao conteúdo
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando
Fonte Link
Syzoth
  • 100,5mil
  • 23
  • 169
  • 361
Carregando