Jump to content
João Paulo Hildebrand

Converter Imagem em Texto

Recommended Posts

É 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 
Edited by Douglas Julião

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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!!

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

É 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))"/>

Share this post


Link to post
Share on other sites

 

É 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>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.