怎樣使用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的寫法

<form enctype="multipart/form-data" method="post" >  <input type="file" name="uploadify" id="uploadify" multiple="true" /></form><script type="text/javascript">  <?php $timestamp = time();?>  var maxSize = 1024 * 1024*1024;//1G  $(function() {    $('#uploadify').uploadify({      'debug'  : false,      <span style="white-space:pre">   </span> 'fileSizeLimit ': maxSize,      'formData'   : {        'timestamp' : '<?php echo $timestamp;?>',        'token'   : '<?php echo md5('unique_salt' . $timestamp);?>',        <span style="white-space:pre">    </span>'version_id': "{$version_id}"      },      'swf'   : '/public/plug-ins/uploadify/uploadify.swf',      <span style="white-space:pre">    </span>'cancelImg':'/public/plug-ins/uploadify/uploadify-cancel.png',      'uploader' : '{:url("Package/upload")}',      <span style="white-space:pre">    </span>'fileTypeDesc'  : 'zip檔案',      <span style="white-space:pre">    </span>'fileTypeExts' : '*.zip',      <span style="white-space:pre">   </span> 'multi': 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繼承與多繼承