如何使用Thinkphp5+uploadify實作檔上傳

這次帶給大家怎麼使用Thinkphp5 uploadify實作檔案上傳，使用Thinkphp5 uploadify實作檔案上傳的注意事項有哪些，以下就是實戰案例，一起來看一下。

初次接觸伺服器端開發，邊學習邊試著做一個OTA後台伺服器，費了好大勁才實現了檔案上傳和進度條顯示。

遇到幾個問題：

1. 大檔案上傳失敗
2.上傳取消X 符合顯示不出來
3. 不知道如何將變數值傳遞給後台php

記錄下流程：

1. 下載uploadify 程式碼到工程裡，如public\plug-ins\uploadify 下。
2. 前端腳本如下，

客戶端在formData 中傳遞版本號，請看version_id 賦值方法，需要先在控制器裡給它assign。

取消符合顯示不了，需要修改uploadify.css 裡面的background: url('uploadify-cancel.png')

注意uploadify 中uploader的寫法

  

<script> <?php $timestamp = time();?> var maxSize = 1024 * 1024*1024;//1G $(function() { $(&#39;#uploadify&#39;).uploadify({ &#39;debug&#39; : false, <span style="white-space:pre"> &#39;fileSizeLimit &#39;: maxSize, &#39;formData&#39; : { &#39;timestamp&#39; : &#39;<?php echo $timestamp;?>&#39;, &#39;token&#39; : &#39;<?php echo md5(&#39;unique_salt&#39; . $timestamp);?>&#39;, <span style="white-space:pre"> &#39;version_id&#39;: "{$version_id}" }, &#39;swf&#39; : &#39;/public/plug-ins/uploadify/uploadify.swf&#39;, <span style="white-space:pre"> &#39;cancelImg&#39;:&#39;/public/plug-ins/uploadify/uploadify-cancel.png&#39;, &#39;uploader&#39; : &#39;{:url("Package/upload")}&#39;, <span style="white-space:pre"> &#39;fileTypeDesc&#39; : &#39;zip文件&#39;, <span style="white-space:pre"> &#39;fileTypeExts&#39; : &#39;*.zip&#39;, <span style="white-space:pre"> &#39;multi&#39;: false }); }); </script>

3. 後端腳本對應控制器Package 的upload函數

注意上傳檔案的取得方法，不能使用Thinkphp5 官方文件那種取得方式。

儲存檔案名稱不能帶特殊符號

修改php.ini： upload_max_filesize = 1024M  post_max_size=48 重新啟動服務

public function upload(){
  $verifyToken = md5('unique_salt' . $_POST['timestamp']);
  if (!empty($_FILES) && $_POST['token'] == $verifyToken) {
  $tempFile = $_FILES['Filedata']['tmp_name'];
    /*
    $targetFolder = '/public/uploads'; // Relative to the root
  $targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
  $targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];
  // Validate the file type
  $fileTypes = array('jpg','jpeg','gif','png','zip'); // File extensions
  $fileParts = pathinfo($_FILES['Filedata']['name']);
  if (in_array($fileParts['extension'],$fileTypes)) {
    move_uploaded_file($tempFile,$targetFile);
    echo '1';
  } else {
    echo 'Invalid file type.';
  }*/
    $version = model("Version")->retrieve_by_version($_POST['version_id']);
    if($version){
      $file = new File($tempFile,'rw');
      $hash_code = $file->hash();
      $time = date("Y-m-d-i-s",$_POST['timestamp']);
      $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads'.DS.$version['project_name'].DS.$version['version_name'],'update_'.$time.'.zip');
      if($info){
        // 成功上传后 获取上传信息
        echo $info->getExtension();
        echo $info->getSaveName();
        echo $info->getFilename();
      }else{
        // 上传失败获取错误信息
        echo $file->getError();
      }
    }else{
      echo '找不到对应版本';
    }
  }
}

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

如何讓JS陣列與JSON物件動態實作新增、修改、刪除

怎麼使用JS繼承與多繼承

以上是如何使用Thinkphp5+uploadify實作檔上傳的詳細內容。更多資訊請關注PHP中文網其他相關文章！