第五章Mobile元件說明(三)第五章Mobile元件說明(三)\5-1 Image的上傳與顯示

5-1 Image的上傳與顯示

表Customers新添一個欄位Picture:

ALTER TABLE CUSTOMERS ADD Picture NVARCHAR(200) NULL

以mCustomers為例,點選dataFormMaster.Column打開JQFormColumn,選中Picture將Editor設置為file:

打開EditorOptions,將Filter設置為jpg,其中UploadFolder代表要上傳到網站的Folder名稱,請設置為Image的子目錄之下。

點選dataGridMaster.Column打開JQGridColumn,加入Picture並將Format設置為“Image,Folder:image,Height:60”。

在mCustomers編輯狀態中,打開Picture的上傳框,並上傳“教堂.jpg”:

上傳完畢以及保存後的效果,點擊圖片可以查看大圖:


 

Top of Page