yii2用uploadify的方法

　　介绍

这篇文章主要介绍yii2用uploadify的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

uploadify是来自国外的一款优秀jQuery插件,主要功能是批量上传文件

下载uploadify控件可以到git网站上找,找到自己适合用的,例如我们下面用个就是从

https://github.com/xjflyttp/yii2-uploadify-widget下载的,里面也有详细的操作文档。

①配置作曲家。json(就存在网站根目录下),找到要求,然后添加我们的uploadify

“require":, { 　　“php":“=5.4.0", 　　“yiisoft/yii2":“=2.0.6", 　　“yiisoft/yii2-bootstrap":,“*”, 　　“yiisoft/yii2-swiftmailer":,“*”, 　　“xj/yii2-uploadify-widget":“~ 2.0.0",//这里是新添加的 　　},

②利用作曲家将yii2-uploadify-widget下载到我们网站,打开在网站根目录运行命令行,等待下载如图:

yii2用uploadify的方法

③视图的处理

& lt; php ? 　　use  yii \ web \ JsExpression;//外部标记 　　echo  Html:: fileInput(& # 39;测试# 39;,,空,,(& # 39;id # 39;,=祝辞,& # 39;测试# 39;]); 　　echo  Uploadify::小部件([ 　　,,,& # 39;Url # 39;,=祝辞,yii \助手\ Url::, ((& # 39; s-upload& # 39;]), 　　,,,& # 39;id # 39;,=祝辞,& # 39;测试# 39;,,//需要跟上fileInput 的id 对应 　　,,,& # 39;csrf # 39;,=祝辞,真的, 　　,,,& # 39;renderTag& # 39;,=祝辞,假的, 　　,,,,& # 39;jsOptions& # 39;,=祝辞,( 　　,,,,,,,,,,,,,,,,,& # 39;宽度# 39;,=祝辞,100年, 　　,,,,,,,,,,,,,,,,,& # 39;高度# 39;,=祝辞,40岁, 　　,,,,,,,,,,,,,,,,,& # 39;onUploadError& # 39;,=祝辞,new  JsExpression (& lt; & lt; & lt; EOF 　　,,,,,,,,,,,,,,,,,的函数(错误代码,文件,还以为,errorMsg, errorString), { 　　,,,,,,,,,,,,,,,,,,,,,,,console.log(& # 39;从而file  & # 39;, +, file.name  +, & # 39;, could  not  be 上传:,& # 39;,+,errorString  +, errorCode  +, errorMsg); 　　,,,,,,,,,,,,,,,,,,,} 　　EOF 　　,,,,,,,,,,,,,,,,,,,), 　　,,,,,,,,,,,,,,,,,,,& # 39;onUploadSuccess& # 39;,=祝辞,new  JsExpression (& lt; & lt; & lt; EOF 　　,,,,,,,,,,,,,,,,,,,的函数(文件,数据,响应),{ 　　,,,,,,,,,,,,,,,,,,,,,,,data =, JSON.parse(数据); 　　,,,,,,,,,,,,,,,,,,,,,,,if  (data.error), { 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,console.log (data.msg); 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,},{else  　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,//在此处理你的图片 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,console.log (data.fileUrl); 　　,,,,,,,,,,,,,,,,,,,,,,,} 　　,,,,,,,,,,,,,,,,,,,} 　　EOF

④配置控制器层

& lt; php ? 　　namespace  \端\控制器; 　　use  xj \ uploadify \ UploadAction; 　　class  TestController  extends  \ yii \ web \控制器 　　{ 　　,,public  function 行动(),{ 　　,,,return  [ 　　,,,,,,,& # 39;s-upload& # 39;,=祝辞,( 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

yii2用uploadify的方法