ajax验证时，Yii2上载字段始终为空

Question

我上传文件有问题。我使用kartik-v/yii2小部件文件输入扩展。这是我的代码：

表单模型规则

/**
 * @inheritdoc
 */
public function rules()
{
    return [
        [['image'], 'required', 'on' => static::SCENARIO_CREATE],
        [['image'], 'file', 'extensions' => 'png, jpg, jpeg', 'maxSize' => 1024 * 1024],
    ];
}

窗体视图

<?php $form = ActiveForm::begin([     
    'enableAjaxValidation' => true,
    'options' => ['enctype' => 'multipart/form-data']
]); ?>

 <?= $form->field($model, 'image')->widget(FileInput::classname(), [
            'options' => ['accept' => 'image/*'],
            'pluginOptions' => [
                'showPreview' => false,
                'showCaption' => true,
                'showRemove' => true,
                'showUpload' => false,
                'showCancel' => false
            ],            
        ]); ?>

控制器动作

 public function actionCreate()
{
    $model = new ItemForm();
    $model->scenario = ItemForm::SCENARIO_CREATE;

    if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {
        Yii::$app->response->format = Response::FORMAT_JSON;
        return ActiveForm::validate($model);
    }

    if ($model->load(Yii::$app->request->post())) {

        $image = UploadedFile::getInstance($model, 'image');

        $randomString = Yii::$app->getSecurity()->generateRandomString(10);
        $name = Inflector::slug($model->title) . '_' . $randomString . '.' . $image->extension;

        $url = Image::URL . $name;

        $model->image = $name;          

        if ($model->save()) {
            $image->saveAs($url);
            return $this->redirect(['view', 'id' => $model->id]);
        }       
    } else {         
        return $this->render('create', [
            'model' => $model,             
        ]);
    }
}

当我提交表单时，总是出现错误“需要图像字段”。我已经阅读了很多教程，但在使用ajax验证时仍然存在同样的问题。有人能看看它，告诉我我做错了什么吗？

Answer 1

编辑

最重要的是，如果表单中有文件类型字段，则不应使用enableAjaxValidation选项。请参阅此问题改用启用客户端验证

除了查看完整的模型外，您似乎正在尝试使用数据库表字段image作为上载图像的同一字段，而您不应该这样做，您应该在模型中声明一个自定义字段，并使用它上载文件，并将新文件名分配给数据库字段image目前，您必须在模型中添加一些内容并更改代码

1.在您的模型顶部的公共$标签之后声明一个名为$file的自定义字段，如下所示，Public$myFile；

2.更改验证规则

[['image'], 'file', 'extensions' => 'png, jpg, jpeg', 'maxSize' => 1024 * 1024],

以下

[['myFile'], 'file', 'extensions' => 'png, jpg, jpeg', 'maxSize' => 1024 * 1024],

和

[['image'], 'required', 'on' => static::SCENARIO_CREATE],

对此

[['myFile','image'], 'required', 'on' => static::SCENARIO_CREATE],

3.将html表单中的字段名从image更改为myFile，即$form-

4.有关操作和uploadItemImage（）函数内部的更改，请参见下文，我已对其进行了更新。

您正在将$name变量分配给$model-

 $model->image = $name; 

在$name中它是一个字符串，而在模型中它应该是一个文件

 $name = Inflector::slug($model->title) . '_' . $randomString . '.' . $image->extension;

您应该做的是将上传文件的实例分配到model字段image，然后调用$model-

public function actionCreate()
{
    $model = new ItemForm();
    $model->scenario = ItemForm::SCENARIO_CREATE;

    if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {
        Yii::$app->response->format = Response::FORMAT_JSON;
        return ActiveForm::validate($model);
    }

    if ($model->load(Yii::$app->request->post())) {

        $model->myFile = UploadedFile::getInstance($model, 'myFile');
        $randomString = Yii::$app->getSecurity()->generateRandomString(10);
        $model->image = Inflector::slug($model->title) . '_' . $randomString . '.' . $model->myFile->extension;

        $model->uploadItemImage();
        if ($model->save()) {
            return $this->redirect(['view', 'id' => $model->id]);
        }       
    } else {         
        return $this->render('create', [
            'model' => $model,             
        ]);
    }
}

然后在模型中创建以下方法

public function uploadItemImage(){
    $url = Image::URL . $this->image;
    if(!$this->myFile->saveAs($url)){
       $this->addError('myFile','Unable to save the uploaded file');
    }
}