第四章 RWD元件設計第四章 RWD元件設計\4-7 FileUpload 檔案上傳

4-7 FileUpload 檔案上傳

Step1>        我們先在Customers資料表裡添加一個欄位,做為下面的檔案上傳欄位。

Alter Table Customers add Attachment NVARCHAR(200) NULL

Step2>        打開rCustomers表單,找到dfMaster這個DataForm元件,加入一個欄位,Field屬性選擇Attachment,將Editor修改為fileupload

Step3>        接著,點開EditorOptions中的屬性編輯器,設定上傳的檔案大小屬性FileSizeLimited5000(單位為K)Folder屬性為檔案上傳之目錄,放置在JQWebClient/Files下面。

Step4>        設置完成後保存,下圖為實際運行的效果:

選擇檔案後,在JQWebClient/Files/Image下面即可看到上傳的檔案。

Step5>        有了上傳,我們也可以設置檔案的下載。找到dgMaster這個DataGrid元件,加入一個欄位,Field屬性選擇Attachment

Step6>        設定Format屬性為download,folder:Image(Image是上傳檔案的資料夾名稱)

Step7>        若要顯示圖片的預覽,一樣設定Format屬性為image,folder:Image(Image是上傳檔案的資料夾名稱)

 


 

Top of Page