Converter Imagem em Texto

[João Paulo Hildebrand 0]

Bom dia pessoal!

Gostaria de saber se alguém conhece ou tem um código em javascript que identifique o texto de uma imagem? Infelizmente preciso muito que seja em javascript.

Obrigado!

[Douglas Julião 34]

É isso que vocÊ quer?

Joga no próprio console pra você fazer um teste: ctrl + shift + j

console.log(document.images[0].src) // peguei a primeira imagem e mostro o local dela
console.dir(document.images) // você ve todas as imagens do site
console.log(document.images[0].alt) // mostra o alt da imagem

se eu encontrar mais alternativas posto aqui pra te ajudar.

Flw!

 

Achei um esquema legal também:

var srcImagem  = document.images[0].src,           // pego o src da imagem
    imagemLast = srcImagem.lastIndexOf('/') + 1,  //  encontro a ultima barra e pulo com +1
    nomeImagem = srcImagem.substr(imagemLast);    // uso o substr pra pegar a string  :D 

[João Paulo Hildebrand 0]

Opa, obrigado pela resposta! Mas não sei isso não.

Seria mais ou menos assim: Tenho uma imagem em jpg que possui um texto NA IMAGEM, e não em atributos dela.

 

 

Mas valeu pela força!

[Douglas Julião 34]

você tem um código de exemplo não?? posta aqui pra eu entender melhor

[wilnet 92]

Se em ultimo caso não encontrar nada e for via software, tem esse aqui

[João Paulo Hildebrand 0]

Não tenho o código amigo, é isso que estou buscando aqui no fórum rs' Estou precisando de um código javascript para colocar em uma aplicação...

 

 

Aguardo e obrigado novamente!

[Lucas Medina 17]

Olá, João!

 

Bem, o código tem que interpretar os pixels de uma imagem e localizar o texto, identificar esse texto e passá-lo para string, para que possa ser utilizado?

 

Sinceramente, eu não conheço nada desse tipo, ao menos não em Javascript. Não consigo imaginar como esse tipo de funcionalidade agiria. Existe uma postagem que encontrei, que cita uma funcionalidade parecida:

 

http://www.heatonresearch.com/fun/ocr

 

Ainda assim, o reconhecimento não é muito bom, e com base nisso, não consigo imaginar algo aplicável a o que você quer fazer.

O que exatamente sua aplicação faz? Dependendo do que precisa fazer, não pode ser mais simples procurar por questões semelhantes, ou por outras alternativas?

[João Paulo Hildebrand 0]

Entendi...

Então, a imagem terá um número, o sistema deve identificar este número para fazer um cálculo futuro..

[Lucas Medina 17]

João, acho que é meio complicado encontrar funcionalidades desse tipo.

Caso contrário, todo o objetivo de captchas, e outros sistemas que "identificam humanos" com o retorno do que está escrito nas imagens, tudo isso perderia bastante o sentido, não acha?

 

Provavelmente existe alguma funcionalidade semelhante, um aplicativo recente que identifica operações matemáticas em texto foi publicado recentemente, então devem haver processos de leitura semelhantes. Ainda assim, seria necessário uma base de dados, como a do link que eu enviei na resposta anterior.

 

Eu infelizmente não sei se é possível. A menos que a imagem possua um texto alternativo ou título que a identifique, isso torna o procedimento um tanto difícil. Não impossível, de fato, mas bem complicado. Custoso, eu diria, rs.

 

Bem, boa sorte. Espero que consiga encontrar a funcionalidade que procura.

[Douglas Julião 34]

Nossa achei que era apenas para pegar o nome da imagem ou algum atributo dela no html com javascript, esse esquema que você quer ja é algo muito além de meus conhecimentos :/ , boa sorte!!

[João Paulo Hildebrand 0]

Obrigado galera! Imagino a dificuldade que encontrarei pela frente.. Mas se conseguir, volto a postar aqui para mostrar como...

[rdpacato 2]

Sinceramente?

 

Vc não vai achar... não até o momento... isso é para ler aquelas imagens de sites que usam para bloquear downloads constantes (via robô)... é que eu esqueci o nome da tecnologia....

 

Se for para esse fim, é praticamente um crime (ou algo mal intencionado), pois vc está colaborando para burlar a tecnologia usada de segurança.

 

Mas se for para algum estudo e tal blz... mas pense bem amigo ok? se for para burlar a segurança é um mal exemplo...

 

Não é sermão, é apenas uma dica :)

 

abs

[João Paulo Hildebrand 0]

Claro amigo, uma dica muito bem vinda para todos!

 

Só para deixar claro, o objetivo disso é disparar uma foto de uma etiqueta, o sistema identificar o texto da etiqueta e salvar em um banco, por exemplo. Sei que existe o código de barras, e outros mecanismos, mas nenhum deles adiantaria no cenário onde estou trabalhando.

 

Mas fiquem tranquilos, não é nada criminoso rsrs.

[xanburzum 169]

Você pode usar um componente de OCR, daí dá pra fazer em ASP, php, ASP.Net. Tipo o que o http://www.onlineocr.net/

eu uso o ABCocr.NET é um componente Reconhecimento Óptico de Caracteres (OCR) para o Microsoft .NET Framework. Ele é baseado em torno de uma versão personalizada do Tesseract 3, um motor OCR, originalmente desenvolvido como um produto comercial pela Hewlett-Packard e foi extensivamente revisado, mais recentemente, com o patrocínio da Google. Tesseract tem provado ser um dos motores mais precisos de OCR disponíveis.

[Snowden 94]

É possível SIM com JS utilizando Ocrad.js

<script src="ocrad.js"></script>
<script>
   function OCRImage(image){
	var canvas = document.createElement('canvas')
	canvas.width  = image.naturalWidth;
	canvas.height = image.naturalHeight;
	canvas.getContext('2d').drawImage(image, 0, 0)
	return OCRAD(canvas)
   }
</script>

<img src="imagem.png" onload="alert(OCRImage(this))"/>

[jeanluiz 0]

 

É possível SIM com JS utilizando Ocrad.js

<script src="ocrad.js"></script>
<script>
   function OCRImage(image){
	var canvas = document.createElement('canvas')
	canvas.width  = image.naturalWidth;
	canvas.height = image.naturalHeight;
	canvas.getContext('2d').drawImage(image, 0, 0)
	return OCRAD(canvas)
   }
</script>

<img src="imagem.png" onload="alert(OCRImage(this))"/>

Bom dia (boa tarde ou boa noite dependendo do caso)!

Tentei esse código, mas a janela pop-up não mostra nenhuma string (não aparece nada, somente o botão padrão "OK"). Segue abaixo como fiz, se alguém souber qual o erro por favor me ajude, obrigado!

 

<!DOCTYPE html>

<html>

<head>

<script type="text/javascript" src="ocrad.js"></script>

<script>

function OCRImage(image){

var canvas = document.createElement('canvas');

canvas.width = image.naturalWidth;

canvas.height = image.naturalHeight;

canvas.getContext('2d').drawImage(image, 0, 0)

return OCRAD(canvas)

}

</script>

</head>

<body>

<img src="imagem.gif" onload="alert(OCRImage(this))"/>

</body>

</html>