Capture with JAVASCRIPT img src=".. base64" without Id, name or value

Question

Capture with JAVASCRIPT img src=".. base64" without Id, name or value

Navigation

#1 by (1 votes)

0

I need your help, days ago I'm searching the internet, tutos and demases as they capture "JAVASCRIPT" (Exclúyase JQuery) the content of an img tag that contains as src a captcha in base64 format, but has no Id , name or value to refer to through a document.getElement ..., if someone can help me with some trick, I will be infinitely grateful, I leave the code of what I have so far, thank you very much .. .

PS: It only works for javascript because it is inserted in tampermonkey ...

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Página de Prueba</title>
</head>

<body>

<form name="FormIngresa" method="post" action="/ingresa/IngresaAfiliado.do">
	
    <div class="formulario-grupo">
        <label for="tarjeta">Nombre Afiliado</label>
        <input type="text" name="afiliado" value=""  id="afiliado">	
    </div>
                                

    <div class="formulario-grupo">
        <label for="clave">Clave</label>
        <input type="password" name="clave"  value="" id="clave">	
    </div>


    <div class="grupo">
    <div class="input">
        <label for="captchaSolve">Digite el siguiente Captcha</label>
        <input type="text" name="captchaSolve" id="captchaSolve">
    </div>

        // El contenido del src es lo que necesito Capturar y asignar a una variable nueva...

        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAyCAYAAACOADM7AAAEwElEQVR42u2cUUhUQRSGL8siPiyRD2FSkWwSIiE+GBgZFoiISPRQVBRkKBIR0YNQglERIeRCD/kSYhEhUpYJPvgg4kNIRGBSoVGIhEiUZCGmZoadwbN0GWZmZ+7u3rveew78gc7cu8c73z1nzpkly7KsNRLJQOv/kJFpGAFDRsCQETBkBAwZAUMmfcgpqU4IGAKGgCEjYMgIGAJmgwHTQcCQyWw/B8t7UDYBQyayMGjcBssCaHeQy2pVbi4GjYBWQB9BR7hrj4EmQcugMdCQIoRXJfBjB2hOEfZ19hGN6MMi+vQV9ABUlMTzucZ93gVNXzaBroJGbf6wyHQDlONHYNhDnheMFeP4YcHYL9BPyT2nFGE8BHqZIOyrFikCGlbMWdYAVmRRvDZ+nyFNeA+BvijmzYAK/AbMK8lYJ4bpGcn4M8WDikl8iHHzRGFftUhPNTapc/jWm9gw59NODV8qOchkYhE7yy/AVCj+0M+gM4rx3gSpqYT7/BrBnLMGlU2FQWVzyeC5nOSuvazhyzZBWlWp0S/AqML7Cu5r1hSpJ6p4y8YwBTHLA81y412GpfALgwXq1XwmES6Cjtt8VvnSZ1ia9/kFmFVQNUr2x9ZIxhfwvs2Ka5sFIT8epiMOeicrGD2ycEMpi3Czms+ET5G1hn2ct7iPCeFmflQyb94vwNyzbUZVTauQZIMZHxtTbEI7Bb8rdths4xd0r+JzE1khvjDxa0YMfRkSbO6rFKD7ApiSJMfjVmIQns857M52SKoup+38QW7+AQNfZBEyy0rf8UJG9WFSMR7TgOWJQz+ZthjOV1ktN3fE8N77HPhPwHDj2bgRVlVdOUkAk6r5LCp94OYeT+HiEzCa46ocrqqK3AamUbBBDhEw3gDDrFvx0Co9BiaMkc4+rz3Fi5/xwORjI6kwA4DJESyI7rGBG8Cct8zOvnwDDDufyAWdAH3D+/y21g/gGhCesAfA6DS0Yh4CMykod0N+B6YAm2aJFobl5n5QE6jMBWAuGpTWJR4AUymYM5iGxc84YHKt9Hz1MJnxYnxb7WMPNY8N3AKmSzCnPQjAlNqcWMJGWBH2Ftqs9a8PLGkC8w50F9vtToGJYCOLP/exMLolOjZwA5iwAGimU0EA5rTNiQHJHLaIB0HXcc4PhxGo1LYXkj2ELkEqzNM8Noi6BIzsrKw6CMC02pxo07wmnGTq+iT5fb2V+LyHpatVS34e4wYwtyRzokEApt/mREOSfZg60GNJuNbRX+7n+4LqjNltxT3qXQCmVzInKwjA2N/2sjQ37qYdQPQH91EduIdh3w/eJShp7d+Qy00zMJMOF3HDAxPBBYk7EXGh07sZVJ6Ciuy7Yqw7zcAsBhWYAuv/Ad+05a1txf1KEzYMTaozfpPMvmB1Byu+csMXISiWVKc3onEU4JUVYBpqAT0CvXEIEp8apyR6jcCJNIAwy9SKlSSvFtwf1gl0FCtQkdia5Au03WtgNpqx86M9eJTBKrvnoAkuvQbyPzkkYMxBKsW3mTUQewgYAiYVKXe7JNTnI3CyFFEtSStxXZGkpJtY5YnSWI8iBU5I0ua0JJoSMGSZueklI2DIyAgYMgKGjIAhI2DICBgyAoaAITMHhkTS0j8Fzeeo5UyIwwAAAABJRU5ErkJggg==">                   
     


    <div class="formulario-grupo">
		<button type="button" name="enviar" onclick="javascript:submit">Consultar</button>
    </div>

</form>

// He intentado lo siguiente:


<script>
    var obtieneTagBase64 = document.documentElementByTagName('img').src;
    alert(obtieneTagBase64);
</script>

// También intenté:

<script>
    function creaIdImg(){

        document.documentElement.innerHTML.replace(/<img /g,"<img id='imgBase64'");
            
    }
    creaIdImg();
    
    
    function capturaBase64(){
         var cBase64 = document.getElementById('imgBase64').src;
        alert("el texto es : " + cBase64);
    capturaBase64();   
       
</script>

</body>

</html>

javascript

asked by Andrea_Stars 22.07.2018 в 20:42

source

1 answer

Doubt with responsive table css and html Show JSON with API from Angular 4

score 1 · Answer 1

use querySelector to return the first img selector. You can now get your src attribute with getAttribute . Here we will have a serious problem if you have more than one image before the captcha, since querySelector returns the first node. You can bring an entire arrangement with querySelectorAll and cycle it, but you will find it difficult to know which is which. There you will have to apply perhaps RegEx techniques. For now I think this can help you with the main problem

document.getElementById('btn').addEventListener('click',function(){
  let base64 = document.querySelector('img').getAttribute('src');
  alert( base64 );
});

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAyCAYAAACOADM7AAAEwElEQVR42u2cUUhUQRSGL8siPiyRD2FSkWwSIiE+GBgZFoiISPRQVBRkKBIR0YNQglERIeRCD/kSYhEhUpYJPvgg4kNIRGBSoVGIhEiUZCGmZoadwbN0GWZmZ+7u3rveew78gc7cu8c73z1nzpkly7KsNRLJQOv/kJFpGAFDRsCQETBkBAwZAUMmfcgpqU4IGAKGgCEjYMgIGAJmgwHTQcCQyWw/B8t7UDYBQyayMGjcBssCaHeQy2pVbi4GjYBWQB9BR7hrj4EmQcugMdCQIoRXJfBjB2hOEfZ19hGN6MMi+vQV9ABUlMTzucZ93gVNXzaBroJGbf6wyHQDlONHYNhDnheMFeP4YcHYL9BPyT2nFGE8BHqZIOyrFikCGlbMWdYAVmRRvDZ+nyFNeA+BvijmzYAK/AbMK8lYJ4bpGcn4M8WDikl8iHHzRGFftUhPNTapc/jWm9gw59NODV8qOchkYhE7yy/AVCj+0M+gM4rx3gSpqYT7/BrBnLMGlU2FQWVzyeC5nOSuvazhyzZBWlWp0S/AqML7Cu5r1hSpJ6p4y8YwBTHLA81y412GpfALgwXq1XwmES6Cjtt8VvnSZ1ia9/kFmFVQNUr2x9ZIxhfwvs2Ka5sFIT8epiMOeicrGD2ycEMpi3Czms+ET5G1hn2ct7iPCeFmflQyb94vwNyzbUZVTauQZIMZHxtTbEI7Bb8rdths4xd0r+JzE1khvjDxa0YMfRkSbO6rFKD7ApiSJMfjVmIQns857M52SKoup+38QW7+AQNfZBEyy0rf8UJG9WFSMR7TgOWJQz+ZthjOV1ktN3fE8N77HPhPwHDj2bgRVlVdOUkAk6r5LCp94OYeT+HiEzCa46ocrqqK3AamUbBBDhEw3gDDrFvx0Co9BiaMkc4+rz3Fi5/xwORjI6kwA4DJESyI7rGBG8Cct8zOvnwDDDufyAWdAH3D+/y21g/gGhCesAfA6DS0Yh4CMykod0N+B6YAm2aJFobl5n5QE6jMBWAuGpTWJR4AUymYM5iGxc84YHKt9Hz1MJnxYnxb7WMPNY8N3AKmSzCnPQjAlNqcWMJGWBH2Ftqs9a8PLGkC8w50F9vtToGJYCOLP/exMLolOjZwA5iwAGimU0EA5rTNiQHJHLaIB0HXcc4PhxGo1LYXkj2ELkEqzNM8Noi6BIzsrKw6CMC02pxo07wmnGTq+iT5fb2V+LyHpatVS34e4wYwtyRzokEApt/mREOSfZg60GNJuNbRX+7n+4LqjNltxT3qXQCmVzInKwjA2N/2sjQ37qYdQPQH91EduIdh3w/eJShp7d+Qy00zMJMOF3HDAxPBBYk7EXGh07sZVJ6Ciuy7Yqw7zcAsBhWYAuv/Ad+05a1txf1KEzYMTaozfpPMvmB1Byu+csMXISiWVKc3onEU4JUVYBpqAT0CvXEIEp8apyR6jcCJNIAwy9SKlSSvFtwf1gl0FCtQkdia5Au03WtgNpqx86M9eJTBKrvnoAkuvQbyPzkkYMxBKsW3mTUQewgYAiYVKXe7JNTnI3CyFFEtSStxXZGkpJtY5YnSWI8iBU5I0ua0JJoSMGSZueklI2DIyAgYMgKGjIAhI2DICBgyAoaAITMHhkTS0j8Fzeeo5UyIwwAAAABJRU5ErkJggg==">
<br>
<button id="btn">Capturar src</button>