Yii2.0-图片上传扩展(异步加载缩略图) [扩展组件]

作者:上班偷偷打酱油 发布于:2015-10-26 浏览:13825次 收藏

资源下载:

扩展下载(图片上传扩展-file_upload)

适用框架:Yii2.0高级版(基础版使用需要适当修改,咨询:添加底部技术交流群)


效果展示:

配置好了之后效果展示:支持异步加载缩略图

blob.png


安装扩展:

1.点击上面扩展下载下载扩展

然后重命名为file_upload放在/common/widgets文件夹中,如下图所示

blob.png


2.在使用图片上传控件的控制器(controller)中,加入以下代码

    public function actions()
    {
        return [
            'upload'=>[
                'class' => 'common\widgets\file_upload\UploadAction',     //这里扩展地址别写错
                'config' => [
                    'imagePathFormat' => "/image/{yyyy}{mm}{dd}/{time}{rand:6}",
                ]
            ]
        ];
    }

3.views渲染图片上传界面有两种方式:

第一种:不带model

use common\widgets\file_upload\FileUpload;   //引入扩展

echo FileUpload::widget();

echo FileUpload::widget(['value'=>$url]);  //编辑时要带默认图,$url为图片地址


第二种:带model

<?php $form = ActiveForm::begin(); ?>
        
    <?= $form->field($model, 'label_img')->widget('common\widgets\file_upload\FileUpload',[
        'config'=>[
            //图片上传的一些配置,不写调用默认配置
            'domain_url' => 'http://www.yii-china.com',
        ]
    ]) ?>
<?php ActiveForm::end(); ?>


简单方便的组件,来自Yii中文网,不明白的地方加网站技术交流群(QQ)咨询

如果文章对您有所帮助,希望继续支持我们,您的支持是我们最大的动力 ¥打赏
标签: 图片上传
声明:文章内容由作者原创或整理,未经允许,不得转载!
  • 评论于 2017-11-30 00:34:16
    选择图片后,图片直接就添加到文件夹了,怎么才能表单上传成功才保存图片到文件了?
    回复
  • 评论于 2017-10-26 16:19:09

    怎么配置一下文件上传,而不仅仅限于图片?

    回复
  • 评论于 2017-10-05 12:38:31

    用composer怎么安装呢?

    回复
  • 评论于 2017-09-14 19:26:51

    怎么修改图片上传的默认路径?

    回复
  • 评论于 2017-09-08 11:11:48

     上传了 但是展示的时候怎么写?


    回复
  • 评论于 2017-09-04 17:17:13

    能改成多文件上传么?

    回复
  • 评论于 2017-08-26 17:17:26

    基础版怎么使用,别卖关子啊。

    回复
  • 评论于 2017-07-24 21:32:58

    出来上传图片图标,点击没反应,yii不是通过composer安装的,会不会是这个原因?另外,编辑器也出不来

    回复于 2017-08-07 14:50:58 回复
    代码没贴不清楚你错误在哪里,本人也不是composer安装,使用是正常的
    回复
  • 评论于 2017-07-02 12:16:37

    如果在model的rules方法里面规定图片字段必填,分类名唯一的规则。然后在页面选择一张图片,点击添加数据时,页面的图片字段一直提示请上传一个文件,我看了下是因为显式的调用了model的validate()方法验证就会出现这样的问题,如果去掉validate(),就能顺利添加分类名和上传图片,但是分类名的唯一性验证失效了,没有提示分类名已经存在。请问怎么解决,多谢

    回复
  • 评论于 2017-06-29 10:27:12

    请问 这个怎么控制 上传图片的大小(长和宽)

    回复
您需要登录后才可以评论。登录 | 立即注册