Question

我是yii和ajax的新手。我想从弹出窗口上传图像（个人资料图片）。我使用了Ajax提交按钮但是文件没有传递给控制器我在视图中的代码是：

<?php 
  $form = $this->beginWidget('CActiveForm', array(
    'id' => 'profile-update-form',
    'enableAjaxValidation' => true,
    'enableClientValidation' => true,
    'action' => array('user/profileupdate'),
    'htmlOptions'=>  array('class' =>'form-horizontal')
  ));
?>
<?php
  $model = User::model()->findByPk(Yii::app()->user->id);
  $profile=UserProfile::model()->findByAttributes(array('user_id'=>$model->id));
  if(!$profile)
    $profile=new UserProfile;
  ?>

<div class="form-group">
  <label for="inputEmail3" class="col-sm-4 control-label text10">About me</label>
  <div class="col-sm-8">
    <?php echo $form->textArea($profile, 'about_me', array('class' => 'form-control form02')); ?>
  </div>
  <div class="req"> <?php echo $form->error($profile, 'about_me'); ?> </div>
</div>
<div class="form-group">
  <label for="inputEmail3" class="col-sm-4 control-label text10">City</label>
  <div class="col-sm-8">
    <?php echo $form->textField($profile, 'city', array('class' => 'form-control form02', 'id' => 'inputCity')); ?>
  </div>
  <div class="req"> <?php echo $form->error($profile, 'city'); ?> </div>
</div>
<div class="form-group">
  <label for="inputEmail3" class="col-sm-4 control-label text10">Phone</label>
  <div class="col-sm-8">
    <?php echo $form->textField($profile, 'phone', array('class' => 'form-control form02', 'id' => 'inputPhone')); ?>
  </div>
  <div class="req"> <?php echo $form->error($profile, 'phone'); ?> </div>
</div>
<div class="form-group">
  <label for="inputEmail3" class="col-sm-4 control-label text10">Profile Picture</label>
  <div class="col-sm-8">
    <?php echo $form->fileField($profile,'profile_picture'); ?>
    <?php 
      $this->widget('CMultiFileUpload', array(
        'name' => 'images',
        'accept' => 'jpeg|jpg|gif|png',  // useful for verifying files
        'duplicate' => 'Duplicate file!', // useful, i think
        'denied' => 'Invalid file type', // useful, i think
      ));
    ?>
  </div>
  <div class="req"> <?php echo $form->error($profile, 'profile_picture'); ?> </div>
</div>
<div class="form-group">
  <label for="inputEmail3" class="col-sm-4 control-label text10"></label>
    <div class="col-sm-8">
      <span>
        <?php
          echo CHtml::ajaxSubmitButton('Save', CHtml::normalizeUrl(array('user/profileupdate?rand=' . time())), array(
             'dataType'=>'json',
             'type'=>'post',
             'success'=>'function(data) {
                $("#AjaxLoader1").hide();  
                if(data.status=="success"){
                  $("#formResult1").html("profile settings changed successfully.");
                  $("#profile-update-form")[0].reset();
                } else {
                  $.each(data, function(key, val) {
                    $("#profile-update-form #"+key+"_em_").text(val);                                                    
                    $("#profile-update-form #"+key+"_em_").show();
                  });
                }       
              }',                    
             'beforeSend'=>'function(){                        
               $("#AjaxLoader1").show();
             }'
           ), array(
             'id' => 'profile-update', 'live' => false, 'class' => 'btn btn-s-md btn-info')
           );
         ?>
       ...

我的控制器中的代码是：

public function actionprofileupdate() {
  $profile = UserProfile::model()->findByAttributes(array('user_id' => Yii::app()->user->id));
  if (!$profile) {
    $profile = new UserProfile;
    $profile->create_time = time();
    $profile->update_time = time();
  }
  if (isset($_POST['UserProfile'])) {
    $profile->attributes = $_POST['UserProfile'];
    $profile->about_me = $_POST['UserProfile']['about_me'];

    $images = CUploadedFile::getInstance($profile,'profile_picture');
    //  print_r($_POST);
    //   print_r($_FILES);
    //  print_r($images);
    //   exit();
    if (isset($images)) {
      if(!is_dir(Yii::getPathOfAlias('webroot').'/images/profilepic/'. 'quy')) {
        mkdir(Yii::getPathOfAlias('webroot').'/images/profilepic/'. $profile->profile_picture);
        // the default implementation makes it under 777 permission, which you could possibly change recursively before deployment, but hereï¿½s less of a headache in case you donï¿½t
      } 
      foreach ($images as $image => $pic) {
        echo $pic->name;if ($pic->saveAs(Yii::getPathOfAlias('webroot').'/images/profilepic/'.$pic->name)) {
          $profile->profile_picture = $pic->name;
        }
      }
      $profile->user_id = Yii::app()->user->id;
      $profile->update_time = time();
      $valid = $profile->validate();
      $error = CActiveForm::validate(array($profile));
      if ($error == '[]') {
        $profile->save(false);
        echo CJSON::encode(array('status' => 'success'));
        Yii::app()->end();
      } else {
        $error = CActiveForm::validate(array($profile));
        if ($error != '[]')
          echo $error;
          Yii::app()->end();
          exit();
      }
    }
  }
}

请有人帮我解决这个问题当我使用普通的提交按钮时，文件正在转移到控制器，但是当使用AjaxSubmitButton时，字段profilepic将作为空白发送。

Answer 1

请通过在

等html选项中指定 enctype 来尝试

'htmlOptions'=>array('enctype'=>'multipart/form-data'),

Answer 2

截至目前，无法使用AjaxSubmitButton上传文件或图像。

从下面的链接开始，这是开发人员自2015年以来一直没有解决的问题。

https://github.com/demogorgorn/yii2-ajax-submit-button/issues

无法使用AjaxSubmitButton上传图像

2 个答案: