YII2 使用qiniu插件 上传多张图片回调显示
通过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插件 上传多张图片回调显示相关推荐
- Django Admin 上传多张图片并显示缩略图
Django Admin 上传多张图片并显示缩略图 文章目录 Django Admin 上传多张图片并显示缩略图 1.效果预览 2.自定义Widget 3.定义模型和模型表单 3.1 定义模型 3.2 ...
- php微信jssdk下载图片,微信JSSDK上传多张图片回调方法以及服务器端处理下载媒体...
有时候我们会在微信有这样的需求.在一个上传控件里面上传多个图片.而在微信里面使用file上传有些手机会崩溃而且.服务器端压缩图片效果也没有微信压缩效果好.这个就要使用微信的jssdk了. 如下就是微信 ...
- 高手教你PHP上传多张图片
高手教你PHP上传多张图片 对于我们来说上传一张图片是非常简单的事情,这里教大家一个关于PHP上传多张图片的代码分析,希望对大家有帮助. 学习PHP时,你可能会遇到PHP上传多张图片问题,这里将介绍P ...
- ajax请求多张图片数据库,ajax上传多文件,一次上传多张图片
ajax上传多文件,一次上传多张图片 作者:PHPYuan 时间:2018-11-04 03:41:44 使用ajax上传文件,指望这个对象:let fd = new FormData(); html ...
- php上传多张图片为什么只显示一张,javascript,_js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张?只执行了一次???,javascript - phpStudy...
js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张?只执行了一次??? js多张图片上传 也拿到多张图片的路径 在页面上展示只显示一张?只执行了一次??? self.$els.upload ...
- 如何在IPFS里面上传一张图片
之前有好几人问过小编,想在IPFS里面上传一张图片.如何做? 今天小编就讲一下如何在IPFS里面上传.下载文件? 1 下载IPFS软件 下载地址:https://dist.ipfs.io/#go-ip ...
- eclipse下使用git插件上传代码至github
eclipse下使用git插件上传代码至github 1.eclipse下安装git 正常情况下,eclipse 是自带 git 插件的,那么即可跳至步骤1的最后一小步,配置 git . 如果十分悲剧 ...
- okhttp上传图片和其他参数_Android中Okhttp3实现上传多张图片同时传递参数_放手_前端开发者...
之前上传图片都是直接将图片转化为io流传给服务器,没有用框架传图片. 最近做项目,打算换个方法上传图片. Android发展到现在,Okhttp显得越来越重要,所以,这次我选择用Okhttp上传图片. ...
- [前台]---js重复上传一张图片两次,第二次失败的解决办法和思路
js重复上传一张图片两次,第二次会失败,解决办法就是修改input的value值. 先上代码: <input style="display:none" type=" ...
最新文章
- 单片机流星灯_51单片机拖尾灯实现
- python 相对路径
- 若依(基于SpringBoot的权限管理系统)集成MobileIMSDK实现IM服务端的搭建
- GitHub超实用操作
- 工作398-关于e.currentTarget.dataset的取值。
- 数据压缩 第二次作业
- 【推荐】(SqlServer)不公开存储过程sp_Msforeachtable与sp_Msforeachdb详解
- 再谈PHP、Python与Ruby
- java怎样定义和使用数组,Java一维数组的定义和使用
- 敢从头写一个OFFICE,你这么厉害,怎么不来解几个BUG
- 写给想学 Javascript 朋友的一点经验之谈
- 学士后java单元项目答案_北大青鸟学士后java工程师第二单元项目源代码
- the7主题footer.php,the7主题的安装和数据导入
- 麒麟座v1.4开发板01-资料获取
- 7-38 寻找大富翁 (25分)
- 如何查询快递单号物流
- 2021世界人工智能大会开幕,百度飞桨荣获“SAIL之星”奖项
- 刚上任的程序员如何做好团队管理
- Origin | 一个X对应多个Y的折线图
- QQ浏览器调试解决方案
热门文章
- 基于Jetson Nano2GB 的 40Pin学习 GPIO 点亮LED灯笔记记录
- 如何将你的 ThinkJS 项目部署到 ZEIT 上
- 【SQLserver】 SQLServer 服务器主体无法在当前安全上下文下访问数据库
- 截止2016年1月已取消的207项职业资格许可和认定事项
- 《编程之禅》序(转载)
- Java 设计模式情景分析——建造者模式
- js千位符 | js 千位分隔符 | js 金额格式化
- CSS font-family中文字体对应的英文名称一览表
- 正则表达式的匹配(py编程)
- “.chn域名”手机注册步骤