初次接觸服務器端開發,邊學習邊試着做一個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 '找不到對應版本';
}
}
}