Thinkphp5+uploadify 檔案上傳實現
阿新 • • 發佈:2019-02-15
初次接觸伺服器端開發,邊學習邊試著做一個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的寫法
3. 後端指令碼對應控制器 Package 的upload函式<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>
- 注意上傳檔案的獲取方法,不能使用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 '找不到對應版本'; } } }