文件上傳是網站中常見的功能,例如網盤文件上傳和郵箱上傳文件。在網盤、論壇等,用戶需要經常上傳圖片給服務器,用來改變用戶在不同網站上的形象圖片。
圖1 網盤文件上傳
在HTML中,文件上傳同樣也使用input標簽。當使用文件域file時,必須在form的標簽中說明編碼方式“enctype=“multipart/form-data”。這樣,服務器才能接收到正確的信息。在form表單屬性這一節我們已經詳細講解了enctype屬性。
語法:
<input type="file"/>
說明:
文件域file在HTML入門沒有太多東西要講的,在後端技術教程(即ASP.NET入門教程)中我們會詳細講解。
舉例:
在線測試<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> <form name="form1" method="post" action="index.html"> <input type="file"/> </form> </body> </html>
在浏覽器預覽效果如下:
說明:
大家點擊“選擇文件”按鈕會發現,怎麼不能上傳文件呢?額~~這個需要學習了後端技術之後才知道怎麼操作,大家好好努力。