Yii+upload implémente la méthode AJAX pour télécharger des images-tutoriel php-php.cn

Yii+upload implémente la méthode AJAX pour télécharger des images

不言

Libérer： 2023-03-25 11:14:01

original

1820 Les gens l'ont consulté

Cet article présente principalement la méthode Yii+upload pour implémenter le téléchargement d'images AJAX et analyse les compétences associées de Yii combinées avec le plug-in de téléchargement pour implémenter le téléchargement ajax. Il a une certaine valeur de référence à laquelle les amis dans le besoin peuvent se référer. it

L'exemple de cet article décrit la méthode Yii+upload pour implémenter AJAX pour télécharger des images. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Code du contrôleur :

/**
* get ajax uploaded files.
*/
public function actionGetAjax(){
    $model=new Attachment();//加载附件模型
    $tmpFile  = CUploadedFile::getInstanceByName(&#39;image&#39;);//读取图像上传域,并使用系统上传组件上传
    $Directroy = Yii::app()->params[&#39;uploadPath&#39;];//读取上传配置文件,我的配置是/uploads
    //创建文件存放路径
    $y     = date(&#39;Y&#39;);
    $m     = date(&#39;m&#39;);
    $d     = date(&#39;d&#39;);
    $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)===&#39;CUploadedFile&#39;){
      $filename        = time().rand(0,9);
      $ext          = $tmpFile->extensionName;//上传文件的扩展名
      if($ext==&#39;jpg&#39;||$ext==&#39;gif&#39;||$ext==&#39;png&#39;){
          $big          = $pathd . $filename . &#39;_600.&#39; . $ext; //310缩略图
        $small         = $pathd . $filename . &#39;_310.&#39; . $ext; //310缩略图
        $thumb         = $pathd . $filename . &#39;_100.&#39; . $ext; //100缩略图
        $model->zat_thumb    = $thumb; //缩略图
      }
      $uploadfile       = $pathd . $filename . &#39;.&#39; . $ext;   //保存的路径
      $model->zat_url     = $pathd . $filename . &#39;.&#39; . $ext;   //重新赋值
      $model->zat_file_name  = $filename . &#39;.&#39; . $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==&#39;jpg&#39;||$ext==&#39;gif&#39;||$ext==&#39;png&#39;){
        $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==&#39;jpg&#39;||$ext==&#39;gif&#39;||$ext==&#39;png&#39;){
        $str = json_encode(
          array(
            &#39;upfile&#39;=>array(
              &#39;zat_id&#39; => Yii::app()->db->getLastInsertID(), //取插ID
              &#39;file&#39; => $uploadfile,//原图
              &#39;small&#39; => $small,//310缩略图
              &#39;thumb&#39; => $thumb,//100缩略图
            )
          )
        );
      }else{
        $str = json_encode(
          array(
            &#39;upfile&#39;=>array(
              &#39;zat_id&#39; => Yii::app()->db->getLastInsertID(),
              &#39;file&#39; => $uploadfile,
            )
          )
        );
      }
      echo $str;
    }
}

Copier après la connexion

VOIR le code :

<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 () {
  $(&#39;#fileupload&#39;).fileupload({
    dataType: &#39;json&#39;,
    url: &#39;/Attachment/GetAjax&#39;,
    success: function (json) {
        $(&#39;#MemType_zmt_pic&#39;).attr(&#39;value&#39;,json.upfile.file);
        $("#images").attr(&#39;src&#39;,json.upfile.file);
    }
  });
});
</script>

Copier après la connexion

Recommandations associées :

Implémentations Nginx AJAX inter-domaines Demander une explication détaillée des images et des textes (avec code)

Yii2 implémente la soumission ajax ActiveForm

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!