當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JSP上传文件
創(chuàng)建文件上傳表單
接下來我們使用HTML標(biāo)簽來創(chuàng)建文件上傳表單,以下為要注意的點(diǎn):
- form表單?method?屬性必須設(shè)置為?POST?方法 ,不能使用 GET 方法。
- form表單?enctype?屬性需要設(shè)置為?multipart/form-data。
- form表單?action?屬性需要設(shè)置為提交到后臺(tái)處理文件上傳的jsp文件地址。例如?uploadFile.jsp?程序文件用來處理上傳的文件。
- 上傳文件元素需要使用 <input .../> 標(biāo)簽,屬性設(shè)置為 type="file"。如果需要上傳多個(gè)文件,可以在 <input .../>標(biāo)簽中設(shè)置不同的名稱。
以下是一個(gè)上傳文件的表單,實(shí)例如下:
<html> <head> <title>File Uploading Form</title> </head> <body> <h3>File Upload:</h3> Select a file to upload: <br /> <form action="UploadServlet" method="post"enctype="multipart/form-data"> <input type="file" name="file" size="50" /> <br /> <input type="submit" value="Upload File" /> </form> </body> </html>在你本地瀏覽器訪問該文件,顯示界面如下所示,在你點(diǎn)擊"Upload File"會(huì)彈出一個(gè)窗口讓你選擇要上傳的文件:
后臺(tái)JSP處理腳本
首先我們先定義文件上傳后存儲(chǔ)在服務(wù)上的位置,你可以將路徑寫在你的程序當(dāng)中,或者我們可以在web.xml配置文件中通過設(shè)置 context-param 元素來設(shè)置文件存儲(chǔ)的目錄,如下所示:
<web-app> .... <context-param> <description>Location to store uploaded file</description> <param-name>file-upload</param-name> <param-value>c:\apache-tomcat-5.5.29\webapps\data\</param-value> </context-param> .... </web-app>以下腳本文件UploadFile.jsp可以處理多個(gè)上傳的文件,在使用該腳本前,我們需要注意以下幾點(diǎn):
- 以下實(shí)例依賴 FileUpload, 所以你需要在你的classpath中引入最新的?commons-fileupload.x.x.jar?包文件。 下載地址為:http://commons.apache.org/fileupload/。
- FileUpload 依賴 Commons IO, 所以你需要在你的classpath中引入最新的?commons-io-x.x.jar?。 下載地址為:http://commons.apache.org/io/。
- 在測(cè)試以下實(shí)例時(shí),你需要上傳確認(rèn)上傳的文件大小小于?maxFileSize?變量設(shè)置的大小 ,否則文件無法上傳成功。
- 確保你已經(jīng)創(chuàng)建了目錄 c:\temp 和 c:\apache-tomcat-5.5.29\webapps\data 。
接下來讓我們通過瀏覽器訪問?http://localhost:8080/UploadFile.htm,界面如下所示,并上傳文件:
如果你的JSP腳本運(yùn)行正常,文件將被上傳至 c:\apache-tomcat-5.5.29\webapps\data\ ,你可以打開文件夾看看是否上傳成功。
總結(jié)
- 上一篇: 缓存,确实很香,却也很受伤!
- 下一篇: JSP过滤器