HTML5 多圖上傳

一次選擇多張照片，你是否是要這樣的效果


剛剛研究完FLASH的多圖上傳，不過html5這麼時髦的東西，也得研究下。

研究了半天發現html5其實特別簡單。

多圖控件

multiple 這個input的特性是html5新有的，因此IE6這麼低級的貨是沒法兼容的。

這個屬性至關於之前的這樣的多圖狀況

不過道理很簡單一個是一次只能選擇一個圖片

HTML5的這個能夠選擇多個圖片，拉風啊。

後臺代碼不變。

function getimgmany($rr,$upload_image_dir)

{

    $fs = $_FILES[$rr];

    $imgnames = array();

		

	for($i=0;$i<COUNT($FS['NAME']);$I++) 
	{

	    //獲得擴展名



	    $pathinfo = pathinfo($_FILES[$rr]['name'][$i]);

			

	    if($fs['size']==0)continue;



			//檢查文件擴展名，看是不是支持的圖片格式

			$fileextname = "jpg|gif|png|jpeg|bmp";

			if($type=="file")

			{

				$fileextname.="|txt|sql|html|htm|pdf|chm|rar|zip|doc|xls";

			}

			echo $pathinfo["extension"];

			if( !preg_match("/^".$fileextname."$/i", $pathinfo["extension"]) )

			{

				echo "

不支持的擴展名 點擊返回

";
				exit();
			}
			
			srand ((double) microtime() * 948625); 

			//生成隨機文件名
			$targetname =time();
			$targetname .= rand() . '.' . $pathinfo["extension"];

			$targetpath = $upload_image_dir .strftime ("%Y%m" ,time())."/". $targetname;
			copy($_FILES[$rr]['tmp_name'][$i],  $targetpath);
			unlink($_FILES[$rr]['tmp_name'][$i]);		

			$imga = $targetpath;
			array_push($imgnames,$imga);
		}
		return $imgnames;
	}

代碼調用
php端代碼

$imgdir = "uploads/";
$imgs = getimgmany('files',$imgdir);
print_r($imgs);

首發於http://java-er.com - http://java-er.com/blog/html5-many-image-upload/

看了不後悔，學習編程的八個建議
你會遇到的30個JAVA面試題
俄羅斯方塊設計原理
Android教程二：Android 工程文件說明大全
java高性能編程的26個注意事項
一位外國網賺達人的五個寫博客建議