通过compose下载qiniu的组件,详情qiniu接口文档

在增加页面表单里调用组件

use zh\qiniu\QiniuFileInput;
$picture = $form->field($model, 'picture')->widget(QiniuFileInput::className(),[//'options' => [//   'class' => 'btn-danger'//按钮class//],//'uploadUrl' => 'http://up-z2.qiniu.com',文件上传地址 不同地区的空间上传地址不一样 参见官方文档'qlConfig' => ['accessKey' => 'Q7wmo6VClEeYqnVnMSGdUBb7k0bl86*********','secretKey' => 'Y8JOtfZvHWsTXcy0CG_0zDNSrwls6p*********','scope'=>'test','cdnUrl' => 'http://ouv520g*******',//外链域名],'clientOptions' => ['max' => 5,//最多允许上传图片个数  默认为3//'size' => 204800,//每张图片大小//'btnName' => 'upload',//上传按钮名字//'accept' => 'image/jpeg,image/gif,image/png'//上传允许类型],//'pluginEvents' => [//    'delete' => 'function(item){console.log(item)}',//    'success' => 'function(res){console.log(res)}'//]
]);

最后,在详情视图里添加显示格式即可

['attribute' => 'picture','format' => 'raw','value' => \yii\helpers\Html::img($model->picture,['width'=>'30'])]

YII2 使用qiniu插件 上传多张图片回调显示相关推荐

  1. Django Admin 上传多张图片并显示缩略图

    Django Admin 上传多张图片并显示缩略图 文章目录 Django Admin 上传多张图片并显示缩略图 1.效果预览 2.自定义Widget 3.定义模型和模型表单 3.1 定义模型 3.2 ...

  2. php微信jssdk下载图片,微信JSSDK上传多张图片回调方法以及服务器端处理下载媒体...

    有时候我们会在微信有这样的需求.在一个上传控件里面上传多个图片.而在微信里面使用file上传有些手机会崩溃而且.服务器端压缩图片效果也没有微信压缩效果好.这个就要使用微信的jssdk了. 如下就是微信 ...

  3. 高手教你PHP上传多张图片

    高手教你PHP上传多张图片 对于我们来说上传一张图片是非常简单的事情,这里教大家一个关于PHP上传多张图片的代码分析,希望对大家有帮助. 学习PHP时,你可能会遇到PHP上传多张图片问题,这里将介绍P ...

  4. ajax请求多张图片数据库,ajax上传多文件,一次上传多张图片

    ajax上传多文件,一次上传多张图片 作者:PHPYuan 时间:2018-11-04 03:41:44 使用ajax上传文件,指望这个对象:let fd = new FormData(); html ...

  5. php上传多张图片为什么只显示一张,javascript,_js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张?只执行了一次???,javascript - phpStudy...

    js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张?只执行了一次??? js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张?只执行了一次??? self.$els.upload ...

  6. 如何在IPFS里面上传一张图片

    之前有好几人问过小编,想在IPFS里面上传一张图片.如何做? 今天小编就讲一下如何在IPFS里面上传.下载文件? 1 下载IPFS软件 下载地址:https://dist.ipfs.io/#go-ip ...

  7. eclipse下使用git插件上传代码至github

    eclipse下使用git插件上传代码至github 1.eclipse下安装git 正常情况下,eclipse 是自带 git 插件的,那么即可跳至步骤1的最后一小步,配置 git . 如果十分悲剧 ...

  8. okhttp上传图片和其他参数_Android中Okhttp3实现上传多张图片同时传递参数_放手_前端开发者...

    之前上传图片都是直接将图片转化为io流传给服务器,没有用框架传图片. 最近做项目,打算换个方法上传图片. Android发展到现在,Okhttp显得越来越重要,所以,这次我选择用Okhttp上传图片. ...

  9. [前台]---js重复上传一张图片两次,第二次失败的解决办法和思路

    js重复上传一张图片两次,第二次会失败,解决办法就是修改input的value值. 先上代码: <input style="display:none" type=" ...

最新文章

  1. 单片机流星灯_51单片机拖尾灯实现
  2. python 相对路径
  3. 若依(基于SpringBoot的权限管理系统)集成MobileIMSDK实现IM服务端的搭建
  4. GitHub超实用操作
  5. 工作398-关于e.currentTarget.dataset的取值。
  6. 数据压缩 第二次作业
  7. 【推荐】(SqlServer)不公开存储过程sp_Msforeachtable与sp_Msforeachdb详解
  8. 再谈PHP、Python与Ruby
  9. java怎样定义和使用数组,Java一维数组的定义和使用
  10. 敢从头写一个OFFICE,你这么厉害,怎么不来解几个BUG
  11. 写给想学 Javascript 朋友的一点经验之谈
  12. 学士后java单元项目答案_北大青鸟学士后java工程师第二单元项目源代码
  13. the7主题footer.php,the7主题的安装和数据导入
  14. 麒麟座v1.4开发板01-资料获取
  15. 7-38 寻找大富翁 (25分)
  16. 如何查询快递单号物流
  17. 2021世界人工智能大会开幕,百度飞桨荣获“SAIL之星”奖项
  18. 刚上任的程序员如何做好团队管理
  19. Origin | 一个X对应多个Y的折线图
  20. QQ浏览器调试解决方案

热门文章

  1. 基于Jetson Nano2GB 的 40Pin学习 GPIO 点亮LED灯笔记记录
  2. 如何将你的 ThinkJS 项目部署到 ZEIT 上
  3. 【SQLserver】 SQLServer 服务器主体无法在当前安全上下文下访问数据库
  4. 截止2016年1月已取消的207项职业资格许可和认定事项
  5. 《编程之禅》序(转载)
  6. Java 设计模式情景分析——建造者模式
  7. js千位符 | js 千位分隔符 | js 金额格式化
  8. CSS font-family中文字体对应的英文名称一览表
  9. 正则表达式的匹配(py编程)
  10. “.chn域名”手机注册步骤