php - 使用 Kartik FileInput 小部件保存多个图像文件

Question

我目前在我的系统中使用 Yii2 PHP 框架和 Kartik FileInput 小部件。我用过 followed this guide输入文件上传到多个文件，但它在我的系统中不起作用。我目前使用 MongoDB 作为我的数据库。这是我目前的进度(原始的，仅单次上传):

Controller , actionCreate

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

    $model->attachment = UploadedFile::getInstance($model, 'attachment');

    if($model->attachment) {
        $path = 'archive/contact/' . $model->attachment->baseName . '.' . $model->attachment->extension;
        $count = 0;
        {
            while(file_exists($path)) {
               $path = 'archive/contact/' . $model->attachment->baseName . '_'.$count.'.' . $model->attachment->extension;
               $count++;
            }
        }
        $model->attachment->saveAs($path);
        $model->attachment =  $path;
    }

    $model->save();

} else {
    return $this->renderAjax('create', [
        'model' => $model,
    ]);
}   

查看

echo FileInput::widget([
    'model' => $model,
    'attribute' => 'attachment[]',
    'name' => 'attachment[]',
    'options' => [
        'multiple' => true,
        'accept' => 'image/*'
    ],
    'pluginOptions' => [
        'showCaption' => false,
        'showRemove' => false,
        'showUpload' => false,
        'browseClass' => 'btn btn-primary btn-block',
        'browseIcon' => '<i class="glyphicon glyphicon-camera"></i> ',
        'browseLabel' =>  'Attach Business Card',
        'allowedFileExtensions' => ['jpg','gif','png'],
        'overwriteInitial' => false
    ],
]);

我还将包括我的模型

class Contact extends ActiveRecord
{
    /**
     * @inheritdoc
     */
    public static function collectionName()
    {
        return ['iaoy', 'contact'];
    }

    /**
     * @inheritdoc
     */
    public function attributes()
    {
        return [
            '_id', 'fname','lname','email','phone','address','contact_type','business_name','notes','company_id','date_added','attachment','sort'
        ];
    }

    /**
     * @inheritdoc
     */
    public function rules()
    {
        return [
            [['_id', 'fname','lname','email','phone','address','contact_type','business_name','notes','company_id','date_added','attachment','sort'], 'safe'],
            [['fname','lname','contact_type','business_name'], 'required'],
            [['attachment'], 'file', 'extensions' => ['png', 'jpg', 'gif'], 'maxSize' => 500*500],
        ];
    }

    /**
     * @inheritdoc
     */
    public function attributeLabels()
    {
        return [
            //'contact_id' => 'Contact ID',
            '_id' => 'Contact ID',
            'contact_type' => 'Contact Type',
            'business_name' => 'Business Name',
            'fname' => 'First Name',
            'lname' => 'Last Name',
            'email' => 'Email',
            'phone' => 'Phone',
            'address' => 'Address',
            'notes' => 'Notes',
            'attachment' => 'Attachment',
            'company_id' => 'Company ID',
        ];
    }
}

如何在已经实现的情况下实现多文件上传？任何想法都受到高度赞赏。

编辑:

到目前为止，这是我的多文件上传代码。我没有将它与我当前的代码(单个文件上传)混合，而是制作了一个新的 MVC。这基本上就是我在上面提到的指南中找到的内容，只需很少的修改:

型号

<?php

namespace app\models;

use yii\base\Model;
use yii\web\UploadedFile;

class Upload extends Model
{
    public $file;

    public function attributes()
    {
        return [
            'file', 'urls'
        ];
    }

    public function rules()
    {
        return [
            [['file', 'urls'], 'safe'],
            [['file'], 'file','extensions' => 'png, jpg'],
            [['urls'],'string'],
        ];
    }
}

查看

<?php
use yii\helpers\Html;
use yii\widgets\ActiveForm;
use kartik\file\FileInput;

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

    <?php
        echo FileInput::widget([
            'model' => $model,
            'attribute' => 'file[]',
            'name' => 'file[]',
            'options' => [
                'multiple' => true,
                'accept' => 'image/*'
            ],
            'pluginOptions' => [
                'showCaption' => false,
                'showRemove' => false,
                'showUpload' => false,
                'browseClass' => 'btn btn-primary btn-block',
                'browseIcon' => '<i class="glyphicon glyphicon-camera"></i> ',
                'browseLabel' =>  'Attach Business Card',
                'allowedFileExtensions' => ['jpg','gif','png'],
                'overwriteInitial' => false
            ],
        ]);
    ?>
     <button>Submit</button>

<?php ActiveForm::end(); ?>

Controller

public function actionUpload()
{
    $model = new Upload();

    if ($model->load(Yii::$app->request->post())) {
        $model->file = UploadedFile::getInstances($model, 'file');

        foreach ($model->file as $key => $file) {
            $file->saveAs('archive/reimbursement/'. $file->baseName . '.' . $file->extension);//Upload files to server
            $model->urls .= 'archive/reimbursement/' . $file->baseName . '.' . $file->extension.'**';//Save file names in database- '**' is for separating images
        }
        $model->save();
        return $this->redirect(['viewuploads', 'id' => $model->id]);
    } else {
        return $this->render('upload', [
            'model' => $model,
        ]);
    }
}

我还在我的 Contact.php 模型 rules 函数中添加了 'urls'

Answer 1

试试这个:

Controller : 你应该将图像名称保存在数据库中('$model->urls')

public function actionUpload()
{
        $model = new Upload();

        if ($model->load(Yii::$app->request->post())) {
            $model->file = UploadedFile::getInstances($model, 'file');
            foreach ($model->file as $key => $file) {

                $file->saveAs('/uploads/'. $file->baseName . '.' . $file->extension);//Upload files to server
                $model->urls .= 'uploads/' . $file->baseName . '.' . $file->extension.'**';//Save file names in database- '**' is for separating images
            }
            $model->save();
            return $this->redirect(['view', 'id' => $model->id]);
        } else {
            return $this->render('upload', [
                'model' => $model,
            ]);
        }
}

查看

<?= $form->field($model, 'file[]')->widget(FileInput::classname(), [
'options' => ['multiple' => 'true'],
]) ?>

模型

class Upload extends Model
{
public $file;
public function rules()
{
    return [
        [['file'], 'file','maxFiles' => 6],
        [['urls'],'string'],

    ];
}

显示图像的另一个 View

<?php
$images=explode('**',trim($model->urls));
foreach($images as $image)
{
     echo Html::img(Url::to('@web/' . $image, true));
}
?>