【PHP】將File控制項之按鈕換成圖片
採用欺騙手法：
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function test1(){
form1.fileABC.click();
form1.textfield.value = form1.fileABC.value;
}
//-->
</SCRIPT>
</HEAD>
<form name="form1" method="post" action="">
<input name="fileABC" type="file" style="display:none">
<input type="text" name="textfield" readonly="">
<input type="image" src="xxx.jpg" onclick="test1()">
</form>
</body>
</HTML>
主要思路：採用CSS把FILE控件隱藏掉，新增加一個TEXT的輸入框和圖片按鈕，把TEXT輸入框的屬性設置為readonly，用戶點擊圖片按鈕時通過JS觸發隱藏的FILE控件的click事件，然後把從選擇文件得到的值傳遞給text文本框，從而實現圖片按鈕的效果。
當然這只是畫面上的效果而已，服務器端文件內容的時候還是用FILE控件的名稱來取的。
PS: ASP也適用之
留言
張貼留言