首先，實現上傳功能。上傳功能是利用PHP實現的：

創建一個文件上傳表單

Filename:
 

其中， 標簽的 enctype 屬性規定瞭在提交表單時要使用哪種內容類型。在表單需要二進制數據時，比如文件內容，請使用 “multipart/form-data”。

標簽的 type=”file” 屬性規定瞭應該把輸入作為文件來處理。當在瀏覽器中預覽時，會看到輸入框旁邊有一個瀏覽按鈕。

創建上傳腳本

“upload_file.php” 文件含有供上傳文件的代碼：

 0)
  {
  echo "Error: " . $_FILES["file"]["error"] . "
";
  }
else
  {
  echo "Upload: " . $_FILES["file"]["name"] . "
";
  echo "Type: " . $_FILES["file"]["type"] . "
";
  echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb
";
  echo "Stored in: " . $_FILES["file"]["tmp_name"];
  }
?>

通過使用 PHP 的全局數組 $_FILES，你可以從客戶計算機向遠程伺服器上傳文件。

第一個參數是表單的 input name，第二個下標可以是 “name”, “type”, “size”, “tmp_name” 或 “error”。就像這樣：

$_FILES[“file”][“name”] – 被上傳文件的名稱$_FILES[“file”][“type”] – 被上傳文件的類型$_FILES[“file”][“size”] – 被上傳文件的大小，以字節計$_FILES[“file”][“tmp_name”] – 存儲在伺服器的文件的臨時副本的名稱$_FILES[“file”][“error”] – 由文件上傳導致的錯誤代碼

上傳限制

在這個腳本中，增加對文件上傳的限制。用戶隻能上傳 .gif 或 .jpeg 文件，文件大小必須小於 20 kb：

<?php

if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/pjpeg"))
&& ($_FILES["file"]["size"]  0)
    {
    echo "Error: " . $_FILES["file"]["error"] . "
";
    }
  else
    {
    echo "Upload: " . $_FILES["file"]["name"] . "
";
    echo "Type: " . $_FILES["file"]["type"] . "
";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb
";
    echo "Stored in: " . $_FILES["file"]["tmp_name"];
    }
  }
else
  {
  echo "Invalid file";
  }

?>

註釋：對於 IE，識別 jpg 文件的類型必須是 pjpeg，對於 FireFox，必須是 jpeg。

保存被上傳的文件

上面的例子在伺服器的 PHP 臨時文件夾創建瞭一個被上傳文件的臨時副本。

這個臨時的復制文件會在腳本結束時消失。要保存被上傳的文件，我們需要把它拷貝到另外的位置：

<?php
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/pjpeg"))
&& ($_FILES["file"]["size"]  0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "
";
    }
  else
    {
    echo "Upload: " . $_FILES["file"]["name"] . "
";
    echo "Type: " . $_FILES["file"]["type"] . "
";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb
";
    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "
";

    if (file_exists("upload/" . $_FILES["file"]["name"]))
      {
      echo $_FILES["file"]["name"] . " already exists. ";
      }
    else
      {
      move_uploaded_file($_FILES["file"]["tmp_name"],
      "upload/" . $_FILES["file"]["name"]);
      echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
      }
    }
  }
else
  {
  echo "Invalid file";
  }
?>

上面的腳本檢測瞭是否已存在此文件，如果不存在，則把文件拷貝到指定的文件夾。

註意，要在目錄下創建 “upload”文件夾要不然會出現錯誤。

前面這些內容在W3C中都可以找到相應的介紹，接下來就是把PHP和JqueryMobile結合起來實現圖片上傳瞭。

本以為簡單的加上Mobile的東西就行瞭，但是問題出現瞭：使用瞭JqueryMobile之後出現瞭無限Loading的情況、

原因是JQM把表單提交做成瞭異步，隻需要在form中加上 data-ajax=”false” 即可。

完整步驟如下：

先是用戶頁面index.php：

	
	
	
	<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>






	

		
演示PHP上傳文件
	


	

		
		文件名稱
		 
		

		
		
	


	

		
存到upload文件夾
	

接著是上傳處理的頁面upload_file.php：

	
	
	
	<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>







	

		
顯示PHP上傳的文件信息
	


	

		 0)
			{
				echo "錯誤代碼: " . $_FILES["file"]["error"] . "
";
			}
			else
			{
				echo "文件名稱: " . $_FILES["file"]["name"] . "
";
				echo "文件類型: " . $_FILES["file"]["type"] . "
";
				echo "文件大小: " . ($_FILES["file"]["size"] / 1024) . " Kb
";
				echo "臨時路徑: " . $_FILES["file"]["tmp_name"] . "
";
				if (file_exists("upload/" . $_FILES["file"]["name"]))
				{
					echo "該文件已經存在";
				}
				else
				{
					move_uploaded_file($_FILES["file"]["tmp_name"],"upload/" . $_FILES["file"]["name"]);
					echo "存儲路徑: " . "upload/" . $_FILES["file"]["name"];
				}
			}
		?>
	


	

		點擊查看圖片
	







	<img src="http://blog.csdn.net/pleasecallmewhy/article/details/"/>

在虛擬機的瀏覽器地址欄輸入10.0.2.2或者在同一個局域網下的移動設備中輸入192.168.1.101訪問頁面：