如何使用Add More选项在Drupal 7 Ajax Form中保留和检索图像细节?

时间:2013-03-29 08:40:57

标签: php forms drupal drupal-7

我的自定义模块代码:

This is the screenshot of my form

  <?php
  function my_module_menu() {
  $items = array();

  $items['form-example'] = array( 
    'title' => 'My Module Form', 
    'description' => 'A form to mess around with.',
    'page callback' => 'drupal_get_form', 
    'page arguments' => array('my_module_form'), 
    'access callback' => TRUE
  );

  return $items;
}

function my_module_form($form, &$form_state, $no_js_use = FALSE) {  

  $form['file'] = array(
        '#type' => 'file',
        '#title' => t('Image'),
        '#description' => t('Upload an image'),
  );

    $form['menu'] = array(
    '#markup' => '<b>Add More:</b>'
    );

      $form['#tree'] = TRUE;
      $form['names_fieldset'] = array(
        '#type' => 'fieldset',
        '#title' => t('Add more images'),
        '#prefix' => '<div id="names-fieldset-wrapper">',
        '#suffix' => '</div>',
      );

      if (empty($form_state['num_names'])) {
        $form_state['num_names'] = 1;
      }

      for ($i = 0; $i < $form_state['num_names']; $i++) {       
        $form['names_fieldset']['name'][$i][0]= array(
             '#title' => t('Image'),
             '#type' => 'file',
             '#weight' => '5',
             '#description' => t('Upload an image'),
        );
      }

      $form['names_fieldset']['add_name'] = array(
        '#type' => 'submit',
        '#value' => t('Add one more'),
        '#submit' => array('my_module_add_more_add_one'),
        '#ajax' => array(
          'callback' => 'my_module_add_more_callback',
          'wrapper' => 'names-fieldset-wrapper',
        ),
      );
      if ($form_state['num_names'] > 1) {
        $form['names_fieldset']['remove_name'] = array(
          '#type' => 'submit',
          '#value' => t('Remove one'),
          '#submit' => array('my_module_add_more_remove_one'),
          '#ajax' => array(
            'callback' => 'my_module_add_more_callback',
            'wrapper' => 'names-fieldset-wrapper',
          ),
        );
      }

  $form['submit'] = array(
    '#type' => 'submit',
    '#value' => t('Submit'),    
  );

  $form['#submit'][] = 'my_module_add_more_submit';
    if ($no_js_use) {
    if (!empty($form['names_fieldset']['remove_name']['#ajax'])) {
      unset($form['names_fieldset']['remove_name']['#ajax']);
    }
    unset($form['names_fieldset']['add_name']['#ajax']);
  }    
  return $form;
} 


function my_module_add_more_callback($form, $form_state) {
  return $form['names_fieldset'];
}

function my_module_add_more_add_one($form, &$form_state) {
  $form_state['num_names']++;
  $form_state['rebuild'] = TRUE;
   //$form_state['no_redirect'] = TRUE;
}

function my_module_add_more_remove_one($form, &$form_state) {
  if ($form_state['num_names'] > 1) {
    $form_state['num_names']--;
  }
  $form_state['rebuild'] = TRUE;
}

function my_module_add_more_submit($form, &$form_state) {
    $file = $form_state['values']['file']."<br \>";
    $validators = array();
    $file = file_save_upload('file', $validators, 'public://uploads');  
    print_r($file);     
    exit();
}

当我提交表单时,我正在尝试获取通过“添加更多”选项添加的图像的详细信息。但我无法得到它们。但是我只能获得第一张图片的细节(并且能够上传它)。

我想知道两件事:

  1. 如何检索使用“添加更多”选项(字段集)添加的图像的详细信息,以及如何上传它们?
  2. 当我浏览并选择字段集中的图像时,在添加另一个图像字段后,它不会保留在表单中。如何在fieldset中保留所选图像?

3 个答案:

答案 0 :(得分:5)

请看这篇文章 - http://evolvingweb.ca/story/poutine-maker-introduction-field-api-drupal-7-part-1 - 因为它有一些关于代码中缺少的内容的信息。 $三角洲。 $ delta是分配给字段值的ID,即使您的字段只有1个项目。

答案 1 :(得分:4)

当你var_dump你创建的文件字段时,你看到了什么?如果您获得所有信息以及使用“再添加一个”按钮添加的信息,您可以使用以下方法了解值的正确结构:echo "<pre>"; print_R($form_state['values']); echo "</pre>":

答案 2 :(得分:1)

您的代码存在一些问题。

第一个问题是您的提交功能仅处理第一个上传字段,该字段确实称为“文件”。但绝对没有办法处理其他领域。

第二个问题是,每次点击“添加一个”时,它都会上传并保存第一个字段,这将复制您的上传内容。没有AJAX你就不会遇到这个问题,但如果你想添加它,你就会。

我会做出以下更改:

  1. 删除$form['#tree'] = TRUE并将其添加到字段集中。在声明字段集之后$form['names_fieldsets']['#tree'] = TRUE;

  2. 更改将字段集中的文件字段(在for循环内)声明为此的方式:

    for ($i = 0; $i < $form_state['num_names']; $i++) {
      $form['names_fieldset'][$i]['name']= array(
        '#title' => t('Image'),
        '#type' => 'file',
        '#weight' => '5',
        '#description' => t('Upload an image'),
        // We need this to know which file element this is.
        // By default drupal would name all as files[names_fieldset]
        '#name' => 'files[names_fieldset_' . $i . '_name]',
      );
    }
    
  3. 我会像这样更改提交功能(请注意,我假设您也执行了上述建议的更改):

    function my_module_add_more_submit($form, &$form_state) {
      if ($form_state['values']['op'] == 'Submit') {
        $validators = array();
        $files = array();
        if (!empty($_FILES['files']['name']['file'])) {
          $files[] = file_save_upload('file', $validators, file_default_scheme() . '://uploads');
        }
        foreach ($form_state['values']['names_fieldset'] as $name => $field) {
          if ($name != 'add_name') {
            $file_name = implode('_', $form['names_fieldset'][$name]['name']['#parents']);
            if (!empty($_FILES['files']['name'][$file_name])) {
              $files[] = file_save_upload($file_name, $validators, file_default_scheme() . '://uploads');
            }
          }
        }
      }
    }
    
  4. 通过这些更改,我们设置了一个表单字段名称,意识到它位于树中。我们仅在单击“提交”按钮时触发上载,并且仅针对实际添加了文件的表单字段。我们也使用默认方案上传,不要始终使用公共方案。

    当然,代码需要一些消息,以便用户知道上传了多少文件,名称或任何其他被认为有价值的信息。