yii2-basic后台管理功能开发之四：图片上传FileInput

我采用的是 kartik-v/yii2-widget-fileinput的文件上传插件,大家可以去github查看详细的安装方法和使用说明.

需求:上传图片+可以预览缩略图

在这里说说我碰到的问题:限制图片长宽尺寸.

1,首先想到的是,在models里设置图片的长宽的限制

%>_<%,不可以,models获取到的总是预览的缩略图的尺寸.......

2,其次利用插件里的长宽的限制

%>_<%,虽然尺寸不合适会有提示,但是依然可以提交提交...........

3,在控制器里对图片的尺寸进行判断控制

%>_<%控制器里获取不了图片的尺寸,只有一个size..........

3,最终利用了插件的属性设置,以及事件方法结合起来,才实现了控制尺寸,不知道有没有更适合的办法

>长宽设置

'maxImageWidth'=>145,
'minImageWidth' => 134,
'minImageHeight' => 95,
'maxImageHeight' => 105,

>事件控制.

是根据错误提示,来判断尺寸是否合适的

'pluginEvents' => ['fileimageloaded' => 'function() { $('#submitbtn').removeAttr("disabled");$('#submitbtn').removeAttr("title");$('#submitbtn').removeAttr("data-toggle");if($('.file-upload-indicator').attr('title') == "上传错误"){$('#submitbtn').attr("disabled","disabled");$('#submitbtn').attr("data-toggle","tooltip");$('#submitbtn').attr("title","请选择合适尺寸的图片");
                }}',],

转载于:https://www.cnblogs.com/perallina/p/5920313.html

yii2-basic后台管理功能开发之四：图片上传FileInput相关推荐

微信开发h5图片上传（拍照、图片压缩、IOS照片旋转)
微信开发h5图片上传开发环境 vue.js,原生h5 input file, 微信公众号网页依赖安装 exif-js:IOS下拍照照片的方向有问题, 需要exif-js来读取照片信息进行旋转处理: ...
C# 做微信小程序后台，基本服务器配置以及图片上传
最近参加腾讯的高校微信小程序大赛,用C#做过几个网站,便用C#做后台写接口,在操作的过程中遇到了很多问题.由于C#的生态(C#是最好的语言,不接受反驳),网上资料很少,一边摸索着一边写,还是很艰难的, ...
微信小程序开发(二)图片上传
更新2017-08-24 更新七牛SDK只最新7.0.5版本. 在之前的博客<Node.js+express+MySQL使用七牛云实现的用户头像修改>,已经实现了在MUI框架或者< ...
上传文件java后台获取为空_java图片上传，通过MultipartFile方式，如果后台获取null检查是否缺少步骤...
本方法基于springMvc 1.首先需要在webap下创建images 2.在springmvc.xml上引入 3.配置web.xml过滤器 4.后台代码 import org.springfram ...
微信企业号开发(七)---图片上传与下载
1.微信企业号图片上传与下载是微信企业号上传临时素材文件中一个小部门,微信企业号上传临时素材文件包括上传图片.语音.视频等媒体资源文件以及普通文件(如doc,ppt),接口返回媒体资源标识ID:med ...
商家后台-商品录入【商品图片上传】
1.1 需求分析在商品录入界面实现多图片上传当用户点击新建按钮,弹出上传窗口实现思路分析: AngularJS图片上传(异步请求上传图片). SpringMVC图片上传(配置文件上传依赖jar包 ...
基于JavaWeb的医疗后台项目药品信息的图片上传和绑定图片路径问题(3)
点击传送-> 基于JavaWeb的医疗后台项目医生信息的分页展示和模糊查询实现(2) -----上篇博客写到了医疗项目的医生信息的分页展示和查询,今天来实现药品的管理----- 1.建表首先建 ...
移动端开发之图片上传与显示
1.上传,使用servlet以及ajax (1)需要引入的包: (2)配置web.xml (3)引入servlet的程序 servlet代码: package upload; import java. ...
微信小程序开发之图片上传+Java服务端接收
闲言少叙直入正题前端代码在网上一搜一大堆,且搜出来的结果基本上是正确的,没啥好说的,我连代码都不想贴(如果有时间的话明天整理下贴在文章结尾,没时间的话就不贴了).但是,但是,但是,靠谱的,不用改动就 ...

yii2-basic后台管理功能开发之四：图片上传FileInput

yii2-basic后台管理功能开发之四：图片上传FileInput相关推荐

最新文章

热门文章