Yii+upload實現AJAX上傳圖片的方法_php執行個體

本文執行個體講述了Yii+upload實現AJAX上傳圖片的方法。分享給大家供大家參考，具體如下：

控制器代碼：

/*** get ajax uploaded files.*/public function actionGetAjax(){    $model=new Attachment();//載入附件模型    $tmpFile  = CUploadedFile::getInstanceByName('image');//讀取映像上傳域,並使用系統上傳組件上傳    $Directroy = Yii::app()->params['uploadPath'];//讀取上傳設定檔,我的配置是/uploads    //建立檔案存放路徑    $y     = date('Y');    $m     = date('m');    $d     = date('d');    $Directroy = $Directroy."/";    $pathd = $Directroy.$y."/".$m."/".$d."/";    Tool::makedir(dirname(Yii::app()->BasePath).$pathd); //建立檔案夾,此處一定要加上dirname(Yii::app()->BasePath)不然可能會出錯;    if(is_object($tmpFile) && get_class($tmpFile)==='CUploadedFile'){      $filename        = time().rand(0,9);      $ext          = $tmpFile->extensionName;//上傳檔案的副檔名      if($ext=='jpg'||$ext=='gif'||$ext=='png'){          $big          = $pathd . $filename . '_600.' . $ext; //310縮圖        $small         = $pathd . $filename . '_310.' . $ext; //310縮圖        $thumb         = $pathd . $filename . '_100.' . $ext; //100縮圖        $model->zat_thumb    = $thumb; //縮圖      }      $uploadfile       = $pathd . $filename . '.' . $ext;   //儲存的路徑      $model->zat_url     = $pathd . $filename . '.' . $ext;   //重新賦值      $model->zat_file_name  = $filename . '.' . $ext;        //檔案名稱      $model->zat_title    = $tmpFile->name;            //檔案標題      $model->zat_file_type  = $tmpFile->type;            //檔案類型      $model->zat_file_size  = $tmpFile->size;            //檔案大小      $model->zat_image    = 2;      $model->zat_ip     = Yii::app()->request->userHostAddress; //上傳IP      //print_r($uploadfile);    }    if($model->save()){      $tmpFile->saveAs(dirname(Yii::app()->BasePath).$uploadfile);//儲存到伺服器      if($ext=='jpg'||$ext=='gif'||$ext=='png'){        $img = Yii::app()->image->load(dirname(Yii::app()->BasePath).$uploadfile); //使用image-Kohana影像處理庫擴充        $img->resize(600,600)->quality(85);        $img->save(dirname(Yii::app()->BasePath).$big);//產生600縮圖        $img->resize(310,310)->quality(85);        $img->save(dirname(Yii::app()->BasePath).$small);//產生310縮圖        $img->resize(100,100)->quality(85);        $img->save(dirname(Yii::app()->BasePath).$thumb);//產生100縮圖      }      if($ext=='jpg'||$ext=='gif'||$ext=='png'){        $str = json_encode(          array(            'upfile'=>array(              'zat_id' => Yii::app()->db->getLastInsertID(), //取插ID              'file' => $uploadfile,//原圖              'small' => $small,//310縮圖              'thumb' => $thumb,//100縮圖            )          )        );      }else{        $str = json_encode(          array(            'upfile'=>array(              'zat_id' => Yii::app()->db->getLastInsertID(),              'file' => $uploadfile,            )          )        );      }      echo $str;    }}

VIEW代碼：

<input id="fileupload" type="file" name="image" multiple><script src="<?php echo Yii::app()->baseUrl;?>/js/jquery.ui.widget.js"></script><script src="<?php echo Yii::app()->baseUrl;?>/js/jquery.iframe-transport.js"></script><script src="<?php echo Yii::app()->baseUrl;?>/js/jquery.fileupload.js"></script><script>$(function () {  $('#fileupload').fileupload({    dataType: 'json',    url: '/Attachment/GetAjax',    success: function (json) {        $('#MemType_zmt_pic').attr('value',json.upfile.file);        $("#images").attr('src',json.upfile.file);    }  });});</script>

更多關於Yii相關內容感興趣的讀者可查看本站專題：《Yii架構入門及常用技巧總結》、《php優秀開發架構總結》、《smarty模板入門基礎教程》、《PHP+ajax技巧與應用小結》、《php物件導向程式設計入門教程》、《php字串(string)用法總結》、《php+mysql資料庫操作入門教程》及《php常見資料庫操作技巧匯總》

希望本文所述對大家基於Yii架構的PHP程式設計有所協助。