Uploadify는 뛰어난 해외 jQuery 플러그인입니다. 주요 기능은 파일을 일괄 업로드하는 것입니다.
Uploadify 컨트롤을 다운로드하려면 git 웹사이트로 이동하여 자신에게 맞는 것을 찾으세요. 아래에서 사용하는 것은
https에서 가져온 것입니다. //github.com/xjflyttp/yii2-uploadify-widget에서 다운로드되었으며 자세한 작업 문서도 있습니다. (권장 학습: yii 튜토리얼)
① 작곡가.json을 구성하고(웹 사이트의 루트 디렉터리에 있음) require를 찾은 다음 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을 우리의 웹 사이트, 웹 사이트의 루트 디렉터리에서 실행되는 명령줄을 열고 그림과 같이 다운로드를 기다립니다.
③ 뷰 처리
<?php use yii\web\JsExpression; //外部TAG echo Html::fileInput('test', NULL, ['id' => 'test']); echo Uploadify::widget([ 'url' => yii\helpers\Url::to(['s-upload']), 'id' => 'test', //需要跟上fileInput 的id 对应 'csrf' => true, 'renderTag' => false, 'jsOptions' => [ 'width' => 100, 'height' => 40, 'onUploadError' => new JsExpression(<<<EOF function(file, errorCode, errorMsg, errorString) { console.log('The file ' + file.name + ' could not be uploaded: ' + errorString + errorCode + errorMsg); } EOF ), 'onUploadSuccess' => new JsExpression(<<<EOF function(file, data, response) { data = JSON.parse(data); if (data.error) { console.log(data.msg); } else { //在此处理你的图片 console.log(data.fileUrl); } } EOF
④ 컨트롤러 레이어 구성
<?php namespace \backend\controllers; use xj\uploadify\UploadAction; class TestController extends \yii\web\Controller { public function actions() { return [ 's-upload' => [ 'class' => UploadAction::className(), //磁盘目录 'basePath' => '@webroot/upload', //访问目录 'baseUrl' => '@web/upload', //防止跨站攻击 'enableCsrf' => true, // default 'postFieldName' => 'Filedata', // default //BEGIN METHOD 'format' => [$this, 'methodName'], //END METHOD //BEGIN CLOSURE BY-HASH //是否覆盖相同文件 'overwriteIfExist' => true, //创建图片名称 'format' => function (UploadAction $action) { $fileext = $action->uploadfile->getExtension(); $filename = sha1_file($action->uploadfile->tempName); return "{$filename}.{$fileext}"; }, //想要多调用这个函数 'format' => function (UploadAction $action) { $fileext = $action->uploadfile->getExtension(); $filehash = sha1(uniqid() . time()); $p1 = substr($filehash, 0, 2); $p2 = substr($filehash, 2, 2); return "{$p1}/{$p2}/{$filehash}.{$fileext}"; }, */ 'validateOptions' => [ 'extensions' => ['jpg', 'png'], //后缀验证 'maxSize' => 1 * 1024 * 1024, //上传大小限制 ], //验证前处理 'beforeValidate' => function (UploadAction $action) { //throw new Exception('test error'); }, //验证后处理 'afterValidate' => function (UploadAction $action) {}, //保存前处理 'beforeSave' => function (UploadAction $action) {}, //保存后处理 'afterSave' => function (UploadAction $action) { //$action->output 返回给浏览器的数据 //返回Url 图片返回的路径 //$action->getWebUrl() //图片的名称 //$action->getFilename(); //保存图片的物理位置 //$action->getSavePath(); //输出 //$action->output['fileUrl'] = $action->getWebUrl(); //$action->output['fileName'] = $action->getFilename(); //$action->output['filePath'] = $action->getSavePath(); //$action->getFilename(); // "image/yyyymmddtimerand.jpg" //$action->getWebUrl(); // "baseUrl + filename, /upload/image/yyyymmddtimerand.jpg" //$action->getSavePath(); // "/var/www/htdocs/upload/image/yyyymmddtimerand.jpg" $action->output[‘fileUrl’] = $action->getWebUrl() }, ], ]; } } ?>
위 내용은 yii2에서 업로드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!