javascript 新增按鈕並指定函式

全部使用 javascript 來產生整個頁面

先製造一個 span

然後把該 span 內容指定為 “ker"

再製造一個 input

然後把該 input 的 type 設定為 button

再設定值為 ker2(按鈕上面的文字)

最後設定按下之後執行 alert ,也就是跳出一警告視窗。

第一次寫 js ,筆記一下!


onload = function(){
	//create elements
	var span = document.body.appendChild(document.createElement("span"));
	span.innerHTML = "ker";
	//create a button
	var button = document.body.appendChild(document.createElement("input"));
	button.setAttribute("type", "button");
	button.value = "ker2";
	button.onclick = function(){
		alert("click~!");
	};
};



html5 選取多個檔案上傳 multiple file upload

do.html





如果瀏覽器支援 html5,則 input type=file 的部份多給一個參數「multiple」 就可以升級成為多選了
同時要把input name的值修改為陣列的型態,也就是多加上「[ ]」就可以了

get.php

<?php
$num = count($_FILES["uploads"]["name"]);
//echo "共上傳了{$num}個檔案
n"; for($i = 0 ; $i < $num ; $i++){ //echo "{$_FILES[uploads][name][$i]}
n"; move_uploaded_file($_FILES[uploads][tmp_name][$i], "./".$path."/".$_FILES[uploads][name][$i]); } header("HTTP/1.1 301 Moved Permanently"); header("Location: http://iwhiori.twbbs.org"); ?>

升級成為多選之後,接收檔案的 php 程式碼部份要修改為處理「檔案陣列」!

真正的上傳過程我們不用處理
只要處理上傳完畢之後的動作就可以了
不論是多選或者單選,上傳之後都要把檔案從暫存區移動到我們真正要儲存的地方
例如 php 預設的暫存資料夾是 /tmp(已 linux 為例,反正沒什麼人以 windows 為伺服器吧! )
那就是使用 move_uploaded_file 這個函數將檔案從 /tmp 移動到你要的地方
上面的 get.php 裡面的 move_uploaded_file 第一個參數是使用 $_FILE 陣列來取得 tmp 資料的位置
第二個參數是我自己伺服器上面的位置,我用 $path 這個參數來存放(這個參數在 do.php 裡面傳遞過來,這邊省略)