標籤：
linux伺服器開發測評題目
————————————————————————————
搭建一個nginx伺服器，能完成檔案上傳功能。主要構成有：
<1> 用於測試伺服器上傳功能用的前端html頁面
<2> nginx web伺服器，包括了檔案上傳功能模組，注意配置好設定檔
<3> 對於上傳成功的檔案，給前端返回upload successfully資訊
動手搭建完成後，針對上面的幾點要求截幾張圖，同時把前端html頁面，nginx設定檔，和假如需要使用的商務邏輯代碼(如php/java等),通過郵件發送給我。
附註說明：整個題目代碼量比較少，旨在測試分析問題，快速學習，解決問題的能力。
分析（也許我表達的讓人難以理解，但是我想說一句，直接實踐是最好的。。。。。）：
一、Ningx 上傳（
1.安裝Nginx 的模組檔案(upload):https://www.nginx.com/resources/wiki/modules/upload/，預設Nginx 肯定是沒安裝這個擴充模組的，你可以準備刪除Nginx重新去官網下載一個最新穩定版本，並且進行編譯吧。。。。。。
# Upload form should be submitted to this location location /upload {# Pass altered request body to this location upload_pass /upload.php;# Store files to this directory# The directory is hashed, subdirectories 0 1 2 3 4 5 6 7 8 9 should exist
這裡是扔到10個檔案夾裡去 upload_store /usr/share/nginx/html/file 1;# Allow uploaded files to be read only by user upload_store_access user:r;就是在這裡，他會自動給你命名。# Set specified fields in request body upload_set_form_field "${upload_field_name}_name" $upload_file_name; upload_set_form_field "${upload_field_name}_content_type" $upload_content_type; upload_set_form_field "${upload_field_name}_path" $upload_tmp_path;# Inform backend about hash and size of a file upload_aggregate_form_field "${upload_field_name}_md5" $upload_file_md5; upload_aggregate_form_field "${upload_field_name}_size" $upload_file_size; upload_pass_form_field "^submit$|^description$"; }
這裡是個大坑，因為如果預設就是當前的伺服器的80連接埠，配置這個是會出錯的，我就直接沒用代理，直接
upload_pass /upload.php;
#如果是當前連接埠，設定proxy_pass會出現錯誤
# Pass altered request body to a backend
#location @test {
# proxy_pass htpp://127.0.0.1;
#}
2.Nginx的某個路由（看我下面的設定檔）檢測到上傳請求後，會分別將各個你定義的form file name，上傳到不同的檔案夾，一共是10個（建立10個檔案夾，命名0 1 2 3 ...），檔案位置自訂（但一定要包含那10個檔案夾，這個切記），一定要檢測你建立的檔案夾Nginx是否具有寫入許可權，這個可以自己看log（這個相當重要），如果你配置完成後想玩點新花樣，可以自己玩玩，還可以限制上傳速度之類的，而且可以做轉寄，如果你配置的Proxy 伺服器本身就做了URL反向 Proxy，那肯定可以轉寄上傳檔案到多個Nginx伺服器（上傳檔案提交資訊，比如檔案位置在哪兒之類的。）去滴。。。
二、直接PHP上傳
PHP上傳檔案，本身就要配置Nginx 模組，所以很多人會搞混，其實兩者是有差異的，
正常的上傳流程：html 提交上傳檔案，nginx 收到後 扔到tmp目錄，PHP收到後，把TMP的上傳檔案扔到自己想放的檔案夾。
-------------------------------------------------------------------
兩者都需要編寫HTML，直接提交給Nginx ，在Upload Modules 配置好了，是可以直接接受多個檔案上傳的，不過既然面試題就是叫我實現一個檔案上傳，那我還寫那麼多幹啥！反正沒卵用。。。。
<!-- 這是提交給nginx --><html lang="CN"><head> <meta charset="UTF-8"> <title>Test upload</title></head><body><h2>Select files to upload</h2><form enctype="multipart/form-data" action="/upload" method="post"> <input type="file" name="file"><br>
<input type="file" name="file1"><br>
<input type="file" name="file2"><br>
<input type="submit" name="submit" value="Upload"> <input type="hidden" name="test" value="value"></form></body></html><!-- 這是直接提交給php --><html lang="CN"><head> <meta charset="UTF-8"> <title>Test upload</title></head><body><h2>Select files to upload</h2><form enctype="multipart/form-data" action="/upload.php" method="post"> <input type="file" name="file"><br> <input type="submit" name="submit" value="Upload"> <input type="hidden" name="test" value="value"></form></body></html>
1：通過配置Ningx 安裝 Upload Modules 進行 檔案上傳 再從PHP 接受 Ningx POST過來的參數。
2.直接通過編寫PHP，從HTML 負責檔案上傳
server { listen 80; server_name localhost;charset utf-8;access_log /usr/local/nginx/logs/access.log main; client_max_body_size 100m;# Upload form should be submitted to this location location /upload {# Pass altered request body to this location upload_pass /upload.php;# Store files to this directory# The directory is hashed, subdirectories 0 1 2 3 4 5 6 7 8 9 should exist upload_store /usr/share/nginx/html/file 1;# Allow uploaded files to be read only by user upload_store_access user:r;# Set specified fields in request body upload_set_form_field "${upload_field_name}_name" $upload_file_name; upload_set_form_field "${upload_field_name}_content_type" $upload_content_type; upload_set_form_field "${upload_field_name}_path" $upload_tmp_path;# Inform backend about hash and size of a file upload_aggregate_form_field "${upload_field_name}_md5" $upload_file_md5; upload_aggregate_form_field "${upload_field_name}_size" $upload_file_size; upload_pass_form_field "^submit$|^description$"; }#如果是當前連接埠，設定proxy_pass會出現錯誤# Pass altered request body to a backend #location @test { # proxy_pass htpp://127.0.0.1; #} location / { root /usr/share/nginx/html/work/public; index index.html index.htm index.php; } error_page 404 /404.html;# redirect server error pages to the static page /50x.html error_page 500 502 503 504 /50x.html; location = /50x.html { root /usr/share/nginx/html; } location ~ \.php$ { root /usr/share/nginx/html/work/public; fastcgi_pass unix:/opt/remi/php70/root/run/lock/php-fcgi.sock; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; include fastcgi_params; } location ~ .*＼.(gif|jpg|jpeg|png|bmp|swf)$ { expires 15d; } location ~ .*＼.(js|css)?$ { expires 1d; }}
自己感受~~~~~
然後貼上PHP 代碼：只是對應面試題，你可別真瘠薄用我這套代碼，出事兒了 我不管，別找我。。。。。
<?phpheader(‘Content-Type: text/html;charset=UTF-8‘);//檔案尾碼=>檔案類型$type = [‘.pdf‘ => ‘application/pdf‘];const FILE_DIR = ‘/usr/share/nginx/html/work/‘;//如果非nginx upload module 上傳檔案if (count(($file = $_FILES[‘file‘])) > 0) { if ($file[‘error‘] == 0) { //判斷檔案類型是否存在,檔案尾碼是我們自己的key去定義 if ($fileType = array_search($file[‘type‘], $type)) { //以當前的時間命名目錄 $date_dir = date(‘Y-m-d‘, time()); //如果目錄沒建立,我們就自己建立一個 if (!is_dir(FILE_DIR . $date_dir)) { if (!mkdir(FILE_DIR . $date_dir)) { return header(‘location:503.html‘); } } //檔案的MD5+當前unix時間戳記+一個5位隨機數,如果此處需求頻繁也可以用微秒時間戳記 $filename = FILE_DIR . $date_dir . ‘/‘ . (md5_file($file[‘tmp_name‘]) . time() . rand(9999, 99999)) . $fileType; //產生新的檔案 if (rename($file[‘tmp_name‘], $filename)) { return header(‘Location: success.html‘); } } } switch ($file[‘error‘]) { case 1: http_response_code(400); exit(‘檔案大小超出了伺服器的空間大小‘); case 2: http_response_code(400); exit(‘要上傳的檔案大小超出瀏覽器限制‘); case 3: http_response_code(400); exit(‘檔案僅部分被上傳‘); case 4: http_response_code(404); exit(‘沒有找到要上傳的檔案‘); case 5: http_response_code(503); exit(‘伺服器臨時檔案夾丟失‘); case 6: http_response_code(503); exit(‘檔案寫入到臨時檔案夾出錯‘); }}//如果是nginx upload moduleif (count(($file = $_POST)) > 0) { //判斷檔案類型是否存在,檔案尾碼是我們自己的key去定義 if ($fileType = array_search($file[‘file_content_type‘], $type)) { //以當前的時間命名目錄 $date_dir = date(‘Y-m-d‘, time()); //如果目錄沒建立,我們就自己建立一個 if (!is_dir(FILE_DIR . $date_dir)) { if (!mkdir(FILE_DIR . $date_dir)) { return header(‘location:503.html‘); } } //檔案的MD5+當前unix時間戳記+一個5位隨機數,如果此處需求頻繁也可以用微秒時間戳記 $filename = FILE_DIR . $date_dir . ‘/‘ . (md5_file($file[‘file_path‘]) . time() . rand(9999, 99999)) . $fileType; //產生新的檔案 if (rename($file[‘file_path‘], $filename)) { return header(‘Location: success.html‘); } }}http_response_code(400);exit(‘錯誤操作方式!‘);
面試題筆記：實現Nginx Upload 模組 功能上傳檔案。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
