¿Cómo volver a cargar la imagen de Zend Captcha al hacer clic en el botón Actualizar?

Question

Aplico un zend captcha en mi página php ahora necesito agregar el botón de recarga de recarga. Por favor, responda de acuerdo con zend.

Answer 1

Solo dos fragmentos rápidos, pero creo que ya entenderás. Ajuste el nombre del elemento y los selectores para sus necesidades.

En su controlador agregar un método para generar un nuevo código de imagen

public function refreshAction() 
{ 
    $form = new Form_Contact(); 
    $captcha = $form->getElement('captcha')->getCaptcha(); 

    $data = array(); 

    $data['id'] = $captcha->generate(); 
    $data['src'] = $captcha->getImgUrl() . 
        $captcha->getId() . 
        $captcha->getSuffix(); 

    $this->_helper->json($data); 
} 

En el script de vista (estoy usando mootools para el ajax-petición)

document.addEvent('domready', function() { 
    $$('#contactForm img').addEvent('click', function() { 
     var jsonRequest = new Request.JSON({ 
      url: "<?= $this->url(array('controller' => 'contact', 'action' => 'refresh'), 'default', false) ?>", 
      onSuccess: function(captcha) { 
       $('captcha-id').set('value', captcha.id); 
       $$('#contactForm img').set('src', captcha.src); 
      } 
     }).get(); 
    }); 
}); 

Editar: jQuery añadido Pahan

$(document).ready(function() { 
    $('#refreshcaptcha').click(function() { 
     $.ajax({ 
      url: '/contact/refresh', 
      dataType:'json', 
      success: function(data) { 
       $('#contactForm img').attr('src', data.src); 
       $('#captcha-id').attr('value', data.id); 
      } 
     }); 
    }); 
}); 

Answer 2

@Benjamin Cremer gracias por el código, funciona como encanto :) después de leer esto Lo hice usando jquery.

$(document).ready(function() { 
    $('#refreshcaptcha').click(function() { 
     $.ajax({ 
      url: '/contact/refresh', 
      dataType:'json', 
      success: function(data) { 
       $('#contactForm img').attr('src',data.src); 
       $('#captcha-id').attr('value',data.id); 
      } 
     }); 
    }); 
}); 

Answer 3

@ user236501 En realidad, puede ser cualquier tipo de elemento Zend Form (por ejemplo, Button). Usted es incluso capaz de poner de refresco de enlace puede hacer clic Descripción Zend_Form_Element_Captcha opción como esta como:

 $captcha = new Zend_Form_Element_Captcha('captcha', array(
      'label' => 'Some text...', 
      'captcha' => array(
       'captcha' => 'Image', 
       'wordLen' => 6, 
       'timeout' => 300, 
       'font' => './fonts/Arial.ttf', 
       'imgDir' => './captcha/', 
       'imgUrl' => 'http://some_host/captcha/' 
      ), 
      'description' => '<div id="refreshcaptcha">Refresh Captcha Image</div>' 
     )); 

pero en Opciones ese caso Description del decorador debe modificarse, por ejemplo:

 $this->getElement('captcha')->getDecorator('Description')->setOptions(array(
      'escape'  => false, 
      'style'   => 'cursor: pointer; color: #ED1C24', 
      'tag'   => 'div' 
     )); 

Se puede hacer en forma init() método. Lo siento por mi inglés. Por cierto que no estoy seguro si pongo mi comentario en el lugar correcto;)

Answer 4

1. En config/autoload/global.php añadir el siguiente

   'view_manager' => array(
       'strategies' => array(
        'ViewJsonStrategy','Zend\View\Strategy\PhpRendererStrategy' 
       ), 
   ), 
   

2. en YourModule/src/YourModule crear una nueva carpeta Ajax

3. Dentro Yourmodule/Ajax crear un archivo AjaxController.php

   namespace YourModule\Ajax; 
   
   use Zend\Mvc\Controller\AbstractActionController; 
   use Zend\View\Model\JsonModel; 
   use YourModule\Forms\SignupForm; 
   
   class AjaxController extends AbstractActionController 
   {   
       public function refreshSignupCaptchaAction(){ 
        $form = new SignupForm(); 
        $captcha = $form->get('captcha')->getCaptcha();    
        $data = array();     
        $data['id'] = $captcha->generate(); 
        $data['src'] = $captcha->getImgUrl().$captcha->getId().$captcha->getSuffix(); 
        return new JsonModel($data); 
       } 
   } 
   

4. Agregar recorrido dentro module.config.php

   'yourmodule-ajax' =>array(
        'type' => 'segment', 
        'options' => array(
        'route' => '/yourmodule/ajax/:action', 
         'constraints' => array( 
          'action' => '\w+', 
         ), 
         'defaults' => array(
          'controller' => 'YourModule\Ajax\AjaxController', 
         )     
        ), 
       ), 
   

5. pasado en su plantilla, que supongo que está utilizando jQuery

   <div class="form-group"> 
       <div id="captcha" class="control-group <?php echo count($form->get('captcha')->getMessages()) > 0 ? 'has-error' : '' ?>"> 
        <?php echo $this->formLabel($form->get('captcha')); ?> 
        <div class="col-xs-12 col-sm-6"> 
         <a id="refreshcaptcha" class="btn btn-default pull-right">Refresh</a> 
         <?php echo $this->formElement($form->get('captcha')); ?> 
         <?php echo $this->formElementErrors($form->get('captcha')); ?> 
        </div> 
       </div> 
   </div> 
   
   <script type="text/javascript"> 
   $(function(){ 
   
       $('#refreshcaptcha').click(function() { 
        $.ajax({ 
         url: '<?php echo $this->url('yourmodule-ajax', array('action'=>'refreshSignupCaptcha')) ?>', 
         dataType:'json', 
         success: function(data) { 
          $('#captcha img').attr('src', data.src); 
          $('#captcha input[type="hidden"]').attr('value', data.id); 
          $('#captcha input[type="text"]').focus(); 
         } 
        }); 
        return false; 
       }); 
   }); 
   </script>