Yii2上传图片，多图上传

最新推荐文章于 2021-03-25 15:46:29 发布

benben0729

最新推荐文章于 2021-03-25 15:46:29 发布

阅读量664

点赞数

分类专栏： php 文章标签： Yii2 多图上传文件上传

本文链接：https://blog.csdn.net/benben0729/article/details/106606796

版权

php 同时被 2 个专栏收录

70 篇文章 0 订阅

订阅专栏

yii2

31 篇文章 0 订阅

订阅专栏

基于fileinput与以yii的文件上传

安装方式：

composer require ttiantianle/upload

使用方法：

在配置文件中,添加别名@ttiantianle

'aliases' => [
        '@bower' => '@vendor/bower-asset',
        '@npm'   => '@vendor/npm-asset',
        '@ttiantianle' =>'@vendor/ttiantianle'
    ],

2.在需要上传图片文件的试图中注册静态资源

use ttiantianle\upload\UploadAsset;
UploadAsset::register($this);

在需要上传图片（文件）的地方，调用方法，例如

单图：
<?= $form->field($model, 'avatar')->hiddenInput(['maxlength' => true,'id'=>'avatar']) ?>
<?= \ttiantianle\upload\UploadWidgets::uploadFile('avatar',$model->avatar,1)?>
多图：
<?= $form->field($model, 'image')->hiddenInput(['id' => "image"]) ?>
<?= \ttiantianle\upload\UploadWidgets::uploadFile('image',json_decode($model->image),5) ?>

修改上传图片的路径 ttiantianle/upload/src/UploadWidgets.php中的uploadFile方法

  $('#$uploadInputId').fileinput({
        language: 'zh',
        uploadUrl: '?r=file/upload-file&type=$type&path=$path&size=$size',//换成自己的上传图片接口，可参照ttiantianle/upload/src/FileController.php
        deleteUrl: '?r=file/del-file',
        overwriteInitial: false,
        allowedFileTypes: [$type],
        initialPreviewAsData: true,
        initialPreviewShowDelete:true,
        maxFileCount:$maxFileCount,
        initialPreview:$initialPreview,
        initialPreviewConfig:$initialPreviewConfig,
    })});