1.表單上傳
最傳統的圖片上傳方式是form表單上傳，使用form表單的input[type=」file」]控制項，打開系統的文件選擇對話框，從而達到選擇文件並上傳的目的。
form表單上傳
表單上傳需要注意以下幾點：
(1).提供form表單，method必須是post。
(2).form表單的enctype必須是multipart/form-data。
javascript學習交流群：453833554
enctype 屬性規定在發送到伺服器之前應該如何對表單數據進行編碼。默認地，表單數據會編碼為 "application/x-www-form-urlencoded"。就是說，在發送到伺服器之前，所有字元都會進行編碼。HTML表單如何打包數據文件是由enctype這個屬性決定的。enctype有以下幾種取值：
application/x-www-form-urlencoded：在發送前編碼所有字元(默認)(空格被編碼為』+』，特殊字元被編碼為ASCII十六進制字元)。
multipart/form-data：不對字元編碼。在使用包含文件上傳控制項的表單時，必須使用該值。
text/plain：空格轉換為 「+」 加號，但不對特殊字元編碼。
默認enctype=application/x-www-form-urlencoded，所以表單的內容會按URL規則編碼，然後根據表單的提交方法：
method=』get』 編碼後的表單內容附加在請求連接後，
method=』post』 編碼後的表單內容作為post請求的正文內容。
B. 詳解前端文件上傳
首先文件上傳首先想到的發post，當然還有其他的上傳協議，我們這里只介紹發post。
post支持四種content-type:
Content-Type 被指定為 application/x-www-form-urlencoded；其次，提交的數據按照 key1=val1&key2=val2 的方式進行編碼，key 和 val 都進行了 URL 轉碼。
首先生成了一個 boundary 用於分割不同的欄位，為了避免與正文內容重復，boundary 很長很復雜。然後 Content-Type 里指明了數據是以 mutipart/form-data 來編碼，本次請求的 boundary 是什麼內容。消息主體里按照欄位個數又分為多個結構類似的部分，每部分都是以 --boundary 開始，緊接著內容描述信息，然後是回車，最後是欄位具體內容（文本或二進制）。如果傳輸的是文件，還要包含文件名和文件類型信息。消息主體最後以 --boundary-- 標示結束。
RFC1867
application/json這個Content-Type都比較熟悉，當然也可以把json放到formData中；
RFC4657
參見RFC，也比較常見。
XML-RFC
在HTML中要有一個包含了文件輸入框的form元素，表單里元素的name一定要寫，最終形成formData時，是以name作為key值
如果直接在form里寫action的話，會刷新表單，同步請求。所以用發送非同步post請求方式。
你還可以不藉助HTML表單,直接向FormData對象中添加一個File對象或者一個Blob對象:
你還可以使用jQuery來發送FormData,但必須要正確的設置相關選項:
MDN：使用FormData
C. 如何在php上實現文件上傳功能
PHP 一般使用 POST 方法上傳文件，下面是一個簡單的文件上傳示例，裡面有相關的注釋:
up.htm 文件：
----------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Up Sample</title>
</head>
<body>
<form action="up.php" method="post" enctype="multipart/form-data">
<!--備注:表單中 enctype="multipart/form-data " 的意思，是設置表單的 MIME 編碼。默認情況，這個編碼格式是application/x-www-form-urlencoded，不能用於文件上傳；只有使用了 multipart/form-data ，才能完整的傳遞文件數據，進行下面的操作,並且 method 要設置為 "post"-->
File：<br />
<input type="file" name="upfile" size="30"><br />
<!--上傳框要設置 type="file"-->
<br />
<input type="submit" value="Upload">
</form>
</body>
</html>
----------
up.php 文件
----------
<?php
if (is_uploaded_file($_FILES["upfile"]["tmp_name"])){
//如果有文件上傳
//is_uploaded_file -- 判斷文件是否是通過 HTTP POST 上傳的,返回布爾值
//$_FILES['upfilename']['...'],其中的 'upfilename' 即為上傳框的 name 屬性
//$_FILES['upfile']['tmp_name'] -- 文件被上傳後在服務端儲存的臨時文件名，一般是系統默認
if(!eregi('pdf', $_FILES['upfile']['type'])){
//我們這里假設你要上傳一個 pdf 文件
//if(!eregi('pdf', $_FILES['upfile']['type'])) 這個是判斷上傳文件類型的，是不是 pdf 文件，當然，若是想判斷是否是 jpg 文件的話，將 pdf 改成 jpg 就可以了，即 if(!eregi('jpg', $_FILES['upfile']['type']))
//$_FILES['upfile']['type'] 是文件的 MIME 類型，如果瀏覽器提供此信息的話。例如「image/gif」
echo 'The uploaded file is not an pdf File! Please upload a right file!';
}else{
$filename = $_FILES['upfile']['name'];
//$filename = $_FILES['upfile']['name'],這里是指定上傳後的文件名,這里使用的仍是原來的文件名字，($_FILES['upfile']['name'] 是原始文件的名字)
if(move_uploaded_file($_FILES["upfile"]["tmp_name"], dirname(__FILE__)."/upload_file/".$filename)){
//這里就是上傳文件
//dirname(__FILE__)."/upload_file/".$file_name -- 指定上傳的目標文件，假設你要上傳的目標文件夾upload_file 是和當前文件（upload.php）在同一文件夾下
//chmod(dirname(__FILE__)."/upload_file/". $file_name, 0444);
//上面注釋掉的是用來改變上傳後文件的屬性，444 即只有執行和讀的許可權(看情況加上)
echo $_FILES["upfile"]["name"] . " uploaded succeed!!!";
}else{
echo "Can't upload!!!";
}
}
}else{
echo "File is not selected";
}
//需要注意的：
/*
在你的 up.php 同級目錄下建立 upload_file 文件夾，來存放上傳的文件
在上傳之前要看一下 php 的配置文件：php.ini 中的三處設置
1.是否允許文件上傳:（ file_uploads = On ）
2.文件上傳的最大 size:( upload_max_filesize )
3.post 的最大 size ( post_max_size ) 這個大小設置成和 uplod_max_filesize 一樣大或比 uplod_max_filesize 大
*/
/*
這只是很簡單的一個文件上傳的例子，為了幫助理解，只是判斷了一下上傳文件的類型，還可以使用 if 語句來判斷上傳文件的大小（$_FILES['upfile']['type'])），並進行提示控制等,相關可以查閱 $_FILE['upfile'] 數組的各個值分別代表什麼
*/
?>