在Yii2中使用kartik表单在上载字段中显示已保存文件的名称

时间:2018-10-16 15:37:29

标签: yii2 kartik-v

我有一个使用Yii2框架构建的应用程序,并且该应用程序有一个使用 kartik \ form \ ActiveForm 的表单,这是我_form.php中的一行。在这种形式下,用户应上传文件并提交。成功保存该表单后,用户尝试更新数据,但该表单未显示已保存的上载文件。像这样 enter image description here

我需要在该上传字段中显示保存的文件名。我该怎么办? 这是我在_form.php

中的代码
 <?=
$form->field($model, 'buktiNpwp')->widget(FileInput::classname(), [  
    'options' => [
        'multiple' => false,
        'accept' => 'img/*', 'doc/*', 'file/*',
        'class' => 'optionvalue-img',
        'placeholder' => 'maximum size is 2 MB',            
    ],
    'pluginOptions' => [
        'allowedFileExtensions' => ['jpg', 'gif', 'png', 'jpeg'],
        'maxFileSize' => 2048, //membatasi size file upload
        'layoutTemplates' => ['footer' => 'Maximum size is 2 MB'],
        'browseLabel' => 'Browse (2MB)',
        'showPreview' => false,
        'showCaption' => true,
        'showRemove' => true,
        'showUpload' => false,
    ]
]);
?>

2 个答案:

答案 0 :(得分:1)

要保存图像,请在控制器中执行此操作。希望能行得通

$model = new YourModel();

$files = UploadedFile::getInstances($model, 'name');
foreach($files as $file){
   $path = 'somepath';
   $file->saveAs($path);
}

您可以在更新控制器上执行

$images_old = \common\models\YourModel::find()->where(['=', 'some_id', $model->id])->all();

if ($images_old) {
            foreach ($images_old as $image) {
                $baseurl = \Yii::$app->request->BaseUrl;
                $image_url = $baseurl . '/uploads/' . $image->thumbnail;
                $all_images[] = Html::img("$image_url", ['class' => 'file-preview-image']);
                $obj = (object) array('caption' => '', 'url' => $baseurl . '/some-path/delete-image', 'key' => $image->id);
                $all_images_preview[] = $obj;
            }
        }

现在将$ all_images_preview和$ all_images发送到您的视图文件,并显示为

$form->field($images, 'name[]')->widget(FileInput::classname(), [
            'options' => ['accept' => 'image/*', 'multiple' => true],
            'pluginOptions' => [
                'previewFileType' => 'image',
                'allowedFileExtensions' => ['jpg', 'gif', 'png', 'bmp','jpeg'],
                'showUpload' => true,
                'initialPreview' => $all_images,
                'initialPreviewConfig'=>$all_images_preview,
                'overwriteInitial' => false,
                'showRemove' => true,
                'showPreview' => true,
                'uploadUrl' => Url::to(['cases/upload']),
                //'onRemove'=>''

            ],
        ]);

答案 1 :(得分:0)

在您的控制器类中,仅actionUpload定义了上载文件目录路径,因为UploadedFile模型将文件保存在绝对物理路径中。如果需要,可以使用$_FILES验证后变量。方法saveAs需要完整的绝对文件路径和文件名。根据斜率或反斜杠的斜率使用SO,以获得最佳效果。