• About Me
  • Java基礎教學
  • 部落格聯播

jsp檔案上傳並利用Ajax製作ProgressBar監控上傳進度

之前寫過一個jsp的檔案上傳,把檔案上傳的動作製成一個class。而現在要提供的這個範例就比較亂一點了,重點會在增加監控的ProgressListener及Ajax取得上傳進度之資料。

程式需要一個bean放入session裡,專門來存放目前上傳的bytes數及其它資訊,選擇好檔案按下上傳時,會開始上傳動作(使用iframe),並啟動Ajax與Server要求目前上傳進度狀況,把資訊顯示在browser上。

FileUpload2.jpg

詳細文章

[jsp]常用範例-登入及檢查與登出

登入與登出是很常用到的一個網頁功能,而在製作上原理其實不難,當使用者輸入帳號密碼後,傳至程式,檢查資料庫裡使用者表格table是否存在此使用者,如果存在,則在Session裡存入使用者的個人資訊,而登出時只需要清除此Session記錄,檢查是否登入中,則是check Session是否存在。

此範例程式有幾個小功能:

  • 防止沒登入者使用需要登入的頁面
  • 登入檢查,誰是登入者
  • Servert載入時自動執行程式

登入畫面,預設的帳號是pig密碼是1234567

測試有沒有登入-沒登入狀況

詳細文章

[ExtJS]使用JSP上傳檔案圖片-WYSIWYG所視即所得網頁編輯器外掛 with CKEditor

承前一篇使用Servlet上傳檔案,此篇改寫Servlet使用JSP來上傳圖片、Flash或檔案,取得設定檔部份由web.xml設定改成讀取外部properties設定檔,在前端javascript部份只需要修改CKConfig裡的上傳使用的三個參數就可以了。

          filebrowserUploadUrl : 'CKEditorUpload.jsp?Type=File',   
          filebrowserImageUploadUrl : 'CKEditorUpload.jsp?Type=Image',   
          filebrowserFlashUploadUrl : 'CKEditorUpload.jsp?Type=Flash',

CKEditorJSP.png

CKEditorJSP-ImageUpload3.png

CKEditorJSP-ImageUpload.png

CKEditorJSP-ImageUpload2.png

詳細文章

[JSP]Servlet網站人數圖形計數器

計數器可以計算有多少人來瀏覽網頁,主要是利用java Servlet來產生圖形串流,輸出至使用者端,一般的capatch也可以使用此原理來製做。

程式可利用參數的傳遞來改變計數器的樣式,像是背景、前景、字型大小、字型顏色,還可以指定要存放的檔案名稱來區分想要計數的網頁,大概的結果樣式如下:

左邊是有更改Session及存取檔案名稱,右邊是預設的,二個可以同時執行各自計算數量

參數是cname=檔案名稱,sname=Session參數

結果.png

可以看到檔案被自動建立了

CountTxt.png

詳細文章

[jsp]網頁分頁模組程式-SubPages

這裡提供一個撰寫jsp時很常會用到的一個分頁功能,主要提供二種簡單的樣式,程式是改寫一個php的分頁程式而來,大概的結果會像下圖,可以自行增加CSS來美化結果。

樣式一主要提供首頁、上一頁、下一頁及尾頁功能

樣式二提供分頁數列及首頁、上一頁、下一頁及尾頁功能

SubPages.png

這是有使用CSS調整過的,整體感覺就會差吧!

SubPages2.png

以下是主要的原始碼

詳細文章