图片上传

yii2组件之多图上传插件FileInput的详细使用

白昼怎懂夜的黑 提交于 2019-11-26 14:50:27
作者:白狼 出处: http://www.manks.top/yii2_multiply_images.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 文件上传也写过几篇文章了,包括最基本的 yii2文件上传 、 异步上传到又拍云 以及 百度编辑器图片上传的问题 ,貌似不说点多图上传的就不完美。 今天介绍一款多图上传的插件 FileInput,至于为什么选中了TA作为我们上传的插件,一来这货跟Yii2有一腿,用起来方便;二来嘛,用这个插件不仅添加的时候好操作,修改的时候也可以直接通过异步的方式将图片悄无声息的删掉或者新增;最值得一提的是,界面效果融合了bootstrap,清爽简洁美观,看起来舒服。 说重点,看具体步骤 首先还是先安装组件 composer require kartik-v/yii2-widget-fileinput "@dev" 先做一个必要的说明:假设我们有一张商品表,一张商品图片表,商品图片表只对商品id和图片地址进行存储 看基本使用 use kartik\file\FileInput; // 非ActiveForm的表单 echo '<label class="control-label">图片</label>'; echo FileInput::widget([ 'model

yii2解决百度编辑器umeditor图片上传问题

会有一股神秘感。 提交于 2019-11-26 14:50:07
作者:白狼 出处: http://www.manks.top/article/yii2_umeditor_upload 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 yii2框架整合了百度编辑器,因为文件上传采用的是yii2自带的UploadedFile,这就难免umeditor上传不成功问题,解决问题的只需要两个操作步骤,我们来看看具体实现 首先我们先把umeditor的配置搞好,这里只需要更改imageUrl配置项即可,我们修改其指向/tools/um-upload 那下一步自然是实现/tools/um-upload方法了, 按照ueditor的实现来看,这里我们上传成功后只需要返回成功信息即可 use backend\models\Upload; use yii\web\UploadedFile; /** * 百度umeditor上传 */ public function actionUmUpload () { $model = new Upload(); if (Yii::$app->request->isPost) { $model->file = UploadedFile::getInstance($model, 'file'); $dir = ‘文件保存目录’; if (!is_dir(